Gallery Image 

<link media="all" rel="stylesheet" href="/assets/themes/default/css/image.css?cb=">

<div class="image  " data-module="imageLazyLoad">
    <picture>
        <img src="" data-src="" alt="">
    </picture>
</div>
 
{{#if firstInstance}}
<link media="all" rel="stylesheet" href="/assets/themes/{{theme}}/css/image.css?cb={{cacheBuster}}">
{{/if}}

<div class="image {{#if isOriginalSize}}image--original-size{{/if}} {{#if ratio}}image--{{ratio}}{{/if}}" data-module="imageLazyLoad">
    <picture>
        {{#each sources}}
            <source media="(max-width: 840px)" class="js-small-image" type="{{type}}" srcset="{{../placeholderImageUrl}}" data-srcset="{{#if mobileImageUrl}}{{mobileImageUrl}}{{else}}{{desktopImageUrl}}{{/if}}"/>
            <source media="(min-width: 841px)" class="js-medium-image" type="{{type}}" srcset="{{../placeholderImageUrl}}" data-srcset="{{desktopImageUrl}}"/>
        {{/each}}
        <img src="{{placeholderImageUrl}}" data-src="{{fallbackImageUrl}}" {{#if width}}width="{{width}}"{{/if}} {{#if height}}height="{{height}}"{{/if}} alt="{{altText}}">
    </picture>
</div>
 
{
  "theme": "default",
  "firstInstance": true
}

No notes defined.