{% if avantApres is defined %}

{% for item in avantApres %}
{% if item.valid %}
<div class="beforeAfterBlock col-lg-4 col-md-4 filter-item portfolio-item filter-{{ item.tag|lower|replace({' ': ''}) }}">
    <h4>{{item.getName}}</h4>
    <div class="transi containerBeforeAfter">
        <div class="image-container">
            <img class="image-before slider-image"
                src="{{ asset(beforeAfter ~ item.imageBefore) }}" alt="Image avant" />
            <img class="image-after slider-image"
                src="{{ asset(beforeAfter ~ item.imageAfter) }}" alt="Image apres" />
        </div>
        <input type="range" min="0" max="100" value="50" class="slider2 transi sliderBA" />
        <div class="slider-line"></div>
        <div class="slider-button">
            <i class="fa-solid fa-left-right"></i>
        </div>
    </div>
</div>
{% endif %}
{% endfor %}

{% endif %}