<div class=“image {{ include.dimension }} {{ include.class }}” style=“{{ include.style }}”>
<div> {% if include.sizes %} {% assign sizes = include.sizes %} {% else %} {% assign sizes = "(min-width: 1180px) 1024px, (min-width: 980px) 844px, (min-width: 740px) 604, 100vw" %} {% endif %} {% assign srcset = "" | split: "|" %} {% for width in site.widths %} {% capture src %}{{ site.baseurl }}/bundled/images/{{ width }}/{{ include.src }} {{ width }}w{% endcapture %} {% assign srcset = srcset | push: src %} {% endfor %} {% assign srcset = srcset | join: ", " %} {% if include.caption %} <figure> <img src = "{{ site.baseurl }}/bundled/images/{{ site.widths.first }}/{{ include.src }}" alt = "" sizes = "{{ sizes }}" srcset = "{{ srcset }}" /> <figcaption>{{ include.caption }}</figcaption> </figure> {% else %} <img src = "{{ site.baseurl }}/bundled/images/{{ site.widths.first }}/{{ include.src }}" alt = "" sizes = "{{ sizes }}" srcset = "{{ srcset }}" /> {% endif %} </div>
</div>