<div class="imageOverview">
    {% set counter = 0 %}
    {% set skipIncrement = false %}
    {% for image in images %}

        {% if counter == 0 %}
            <div class="row">
        {% endif %}

        <div class="small-4 columns">
            <div class="imageWrapper">
                <div class="image">
                    <img src="/{{ image.getPath }}" alt="{{ image.getOriginalFileName }}" />
                </div>
                <div class="name">{{ image.getOriginalFileName }}</div>
            </div>
        </div>

        {% if counter == 2 %}
            </div>
            {% set counter = 0 %}
            {% set skipIncrement = true %}
        {% endif %}

        {% if skipIncrement == false %}
            {% set counter = counter + 1 %}
        {% endif %}

        {% set skipIncrement = false %}
    {% endfor %}

    {% if counter != 0 %}
        </div>
<!-- if we have a number of elements that divided by 3 is not 0 we add a closing div to close the row -->
    {% endif %}
</div>