<div id="carousel-container">
    <div class="owl-carousel owl-theme">
        {# <div id="bg-carrousel">
        </div>
        <div id="slider">
            <div id="arrow-left">
                <div class="picto" data-src="{{ url('theme://images/pictos/arrow-left.svg') }}" aria-hidden="true"></div>
            </div>
            
            <figure>

                <img alt="{{ page.title }}" class="project-image">
            </figure>

            <div id="arrow-right">
                <div class="picto" data-src="{{ url('theme://images/pictos/arrow-right.svg') }}" aria-hidden="true"></div>
            </div>
        </div> #}

        {% for image in page.media.images %}
            <img src="{{ url('theme://images/loader/rolling.svg') }}" data-src="{{ image.url }}" alt="{{ page.title }}" class="lazy loader project-image">
        {% endfor %}
    </div>
</div>