<figure class="image js-image {{#if originalSize}}image--original-size{{/if}} {{additionalCssClasses}}" data-module="imagelazy" data-is-small-image="{{isSmallImage}}" {{#if forceLoad}}data-force-load="true"{{/if}}>
{{#if dynamicImage}}
<template>
<figure class="image js-image {{#if originalSize}}image--original-size{{/if}} {{additionalCssClasses}} loaded" data-module="imagelazy">
<img class="image__lowres js-image-lazyload" {{#unless originalSize}}data-object-fit{{/unless}} />
<picture class="image__container"></picture>
</figure>
</template>
{{/if}}
<img class="image__lowres js-image-lazyload"
{{#unless originalSize}}data-object-fit{{/unless}} data-src="{{lowResolutionUrl}}" alt="{{altText}}">
<picture class="image__container">
{{#each sources}}
<source media="(max-width: 767px)" class="js-small-image" type="{{type}}"
data-srcset="{{#if smallUrl}}{{smallUrl}}{{else}}{{#if
mediumUrl}}{{mediumUrl}}{{else}}{{largeUrl}}{{/if}}{{/if}}"/>
<source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="{{type}}"
data-srcset="{{#if mediumUrl}}{{mediumUrl}}{{else}}{{largeUrl}}{{/if}}"/>
<source media="(min-width: 1320px)" class="js-large-image" type="{{type}}" data-srcset="{{largeUrl}}"/>
{{/each}}
<img class="js-image-lazyload js-fallback-image"
{{#unless originalSize}}data-object-fit{{/unless}} data-src="{{fallbackImageUrl}}"
{{#if width}}width="{{width}}"{{/if}}
{{#if height}}height="{{height}}"{{/if}} alt="{{altText}}">
</picture>
{{#if caption}}
<figcaption class="image__caption">
{{#if caption.location}}<span class="image__location-icon"></span>
<p class="image__location">{{caption.location}}</p>{{/if}}
{{#if caption.description}}<p class="image__description">{{caption.description}}</p>{{/if}}
</figcaption>
{{/if}}
{{!-- {{#if tags}}
{{> @cp-hashtags tags }}
{{/if}} --}}
</figure>