<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>