<section class="splide-photo splide" aria-label="Reportage photo"> <div class="splide__track"> <ul class="splide__list mb-1p5em"> {% for slide in data.slides %} <li class="splide__slide fdc jcfs-i"> {% if slide.image is defined and slide.image is not empty %} <div class="splide-img-container"> <img src="{{ slide.image.formats['600x.webp'] }}" srcset="{{ slide.image.formats['300x.webp'] }} 300w, {{ slide.image.formats['600x.webp'] }} 600w, {{ slide.image.formats['1000x.webp'] }} 1000w" sizes="600px" alt="{{ slide.image | copyright_or_description_or_title }}" class="br8" loading="lazy" width="{{ slide.image.fileVersion.properties.width }}" height="{{ slide.image.fileVersion.properties.height }}"> </div> {% endif %} {% if slide.image is defined and slide.image is not empty and slide.image.credits is defined and slide.image.credits is not empty %} <div class="cgrey fs12 lh16 credit mt-8px">© Crédit Photo {{ slide.image.credits }}</div> {% endif %} {% if slide.text is defined and slide.text is not empty %} <div class="freetext mt-24px ml-24px mr-24px lh24"> {{ slide.text|raw }} </div> {% endif %} </li> {% endfor %} </ul> </div></section>