Journal Cover Picture Element EDS Handlebars

eds-picture-element.hbs

{{#if picture}}
    <div class="eds-c-card-composable__picture"{{#if picture.aspectRatio}} style="--eds-c-card-composable--image-aspect-ratio: {{picture.aspectRatio}}"{{/if}}>
        <picture>
            {{#each picture.source}}
                <source
                        media="{{media}}"
                    {{#if dimensions}}
                        width="{{dimensions.width}}"
                        height="{{dimensions.height}}"
                    {{/if}}
                        srcset="{{srcsetUrls}}">
            {{/each}}
            <img loading="lazy"
                 src="{{picture.img.src}}"
                {{#if picture.img.dimensions}}
                 width="{{picture.img.dimensions.width}}"
                 height="{{picture.img.dimensions.height}}"
                {{/if}}
                 srcset="{{picture.img.srcset}}"
                 alt="{{picture.img.alt}}">
        </picture>
    </div>
{{/if}}