Slider Section

<section class="section">
    <div class="container">
        <h1 class="title">Encuentra tu estilo perfecto</h1>
        <div class="essenza-slider non-cover">
            {% if decoration %}
                <span class="essenza-slider__decoration">
                    <i data-icon="decoration-{{ decoration }}"></i>
                </span>
            {% endif %}
            <essenza-slider controls wrap-controls invert-controls>
                <div>
                    <a href="#" class="essenza-slider__item">
                        <figure class="essenza-slider__item-image">
                            <picture>
                                <source srcset="{{ '/assets/img/essenza-banner.png' | path }}" media="(min-width: 768px)">
                                <img src="https://placehold.co/400x400" alt="Hero Slider 1">
                            </picture>
                        </figure>
                    </a>
                </div>

                <div>
                    <a href="#" class="essenza-slider__item">
                        <figure class="essenza-slider__item-image">
                            <picture>
                                <source srcset="https://placehold.co/1440x510" media="(min-width: 768px)">
                                <img src="https://placehold.co/400x400" alt="Hero Slider 1">
                            </picture>
                        </figure>
                    </a>
                </div>
            </essenza-slider>
        </div>
    </div>
</section>