{% if allPhoto|length > 0 %}
<section id="galerie" class="galerie">
    <div class="section-title">
        <h1 class="sectionTitre">{% trans %}Galerie photo{% endtrans %}</h1>
    </div>
    <div class="maClass row">
        {% for photo in allPhoto %}
        <div class="col-md-4 col-sm-6 col-xs-12" data-glightbox=".lightGalerie">
            <a href="{{ asset(galerie ~ photo.imagename) }}" class="lightGalerie">
                <img src="{{ asset(galerie ~ photo.imagename) }}" class="img-fluid" loading="lazy" alt="{{ photo.translations[app.request.locale].name|default('') }}">
            </a>
        </div>
        {% endfor %}
    </div>
</section>
{% endif %}