{% set images = block.images.all() %}

{% if images | length %}
<section class="py-xl">

    <div class="image-carousel-swiper swiper relative">
        <div class="swiper-wrapper">
            {% for image in images %}
            <div class="swiper-slide">
                <img src="{{ image.url }}" alt="{{ image.alt ?: image.title }}"
                    class="rounded-sm {% if block.dropShadow %}dropshadow{% endif %}">
            </div>
            {% endfor %}
        </div>
    </div>
    <div class="container flex flex-row justify-end gap-s pt-m relative z-10">
        <button type="button" class="button-outline-sm-prev carousel-prev ">Previous</button>
        <button type="button" class="button-outline-sm carousel-next">Next</button>
    </div>
</section>
{% endif %}