<div class="gallery" id="gallery">
    {% set count = 0 %}

    {% for key, image in listImage %}
        {% if (count == 0) %}
            <div class="row">
        {% endif %}
        {% set count = count + 1 %}
        <div class="col-sm-3">
            <a href="{{ path  ~ image.image }}" title="{{ image.name }}" data-description="{{ image.description }} " class="galleryGalleryPicture" style="background-image:url('{{ path  ~ image.image }}')"></a>
            {% if image.name != "" %}<div class="galleryGalleryName">{{ image.name }}</div>{% endif %}
        </div>
        {% if count % 4 == 0 %}
            </div>
            {% set count = 0 %}
        {% endif %}

    {% endfor %}


</div>


<script nonce="{{ ContentSecurityPolicyNonceService.nonce }}" type="application/javascript"></script>