Hero Slider

<div class="essenza-slider">
    <essenza-slider>
        <div>
            <a href="#" class="essenza-slider__item">
                <figure class="essenza-slider__item-image">
                    <picture>
                        <source srcset="{{ '/assets/img/hero-slider/hero-slider-1.png' | path }}" media="(min-width: 768px) and (orientation: landscape)">
                        <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/1440x700" media="(min-width: 768px) and (orientation: landscape)">
                        <img src="https://placehold.co/400x400" alt="Hero Slider 1">
                    </picture>
                </figure>
            </a>
        </div>
    </essenza-slider>
</div>