{% extends "@Contao/content_element/gallery.html.twig" %}
    {% block list_component %}
        <div class="row binding">
            <div class="swiper galerie-swiper col_10">
                <div class="swiper-wrapper">
                    {% for img in images %}
                        <div class="swiper-slide">
                            <img alt="{{ img.metadata.alt }}" src="{{ img.image.getImageSrc() }}" />
                            <div class="figcaption">{{ img.metadata.title }}</div>
                        </div>
                    {% endfor %}
                </div>
            </div>
            <div thumbsSlider="" class="swiper col_2 thumbnails">
                <div class="swiper-wrapper">
                    {% for img in images %}
                        <div class="swiper-slide">
                            <img src="{{ img.image.getImageSrc() }}" />
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    {% endblock %}