{{ images }}
<div
    class="relative flex-shrink-0 w-full px-1 pt-0 slider_container carousel-cell flickity-cell sm:w-1/2 xl-custom:w-1/3">
    <img src="{{ url }}" alt="{{ title }}" class="w-full h-auto">
    <div class="absolute bottom-0 left-0 right-0 w-full text-center">
        <h2 class="{{ options.image_title_style }}">{{ title }}</h2>
        {{ partial:components/button-new url="{button_url}" text="{button_text}" positionClass="absolute
        bottom-[45px] left-1/2 transform -translate-x-1/2" widthClass="w-[320px] xl-custom:w-[370px]"
        heightClass="h-[40px] xl-custom:h-[45px]" }}
    </div>
</div>
{{ /images }}