<picture id="image">
<source media="(max-width:320px)" srcset="{{ .Params.img_320 }}{{ .Params.img_file_name }}">
<source media="(max-width:360px)" srcset="{{ .Params.img_360 }}{{ .Params.img_file_name }}">
<source media="(max-width:375px)" srcset="{{ .Params.img_375 }}{{ .Params.img_file_name }}">
<source media="(max-width:414px)" srcset="{{ .Params.img_414 }}{{ .Params.img_file_name }}">
<source media="(max-width:480px)" srcset="{{ .Params.img_480 }}{{ .Params.img_file_name }}">
<source media="(max-width:600px)" srcset="{{ .Params.img_600 }}{{ .Params.img_file_name }}">
<source media="(max-width:900px)" srcset="{{ .Params.img_900 }}{{ .Params.img_file_name }}">
<source media="(max-width:960px)" srcset="{{ .Params.img_960 }}{{ .Params.img_file_name }}">
<source media="(max-width:1024px)" srcset="{{ .Params.img_1024 }}{{ .Params.img_file_name }}">
<source media="(max-width:1100px)" srcset="{{ .Params.img_1100 }}{{ .Params.img_file_name }}">
<source media="(max-width:1200px)" srcset="{{ .Params.img_1200 }}{{ .Params.img_file_name }}">
<img src="{{ .Params.full_size_img }}{{ .Params.img_file_name }}" alt="Flowers" style="width:100%;">
</picture>