<style>
    /* Need to add custom - class carousel-auto-slide */
    .carousel-auto-slide .zpcarousel-container .zpcarousel-content-container .zpcarousel-content-inner {
        padding-inline: 0;
        margin-inline: 0;
    }

    .carousel-auto-slide .zpcarousel-container .zpcarousel-content-container .zpcarousel-content {
        animation-duration: 8s;
        animation-timing-function: linear;
    }

    .carousel-auto-slide .zpcarousel-container .zpcarousel-controller-container,
    .carousel-auto-slide .zpcarousel-container .zpcarousel-arrows-container {
        display: none;
    }
</style>
<script data-zs-snippet="Auto Slide carousel">
    document.addEventListener("DOMContentLoaded", function () {
        const carousel = document.querySelector('.carousel-auto-slide');
        if(!carousel) return;
        const rightArrow = carousel.querySelector('.zpcarousel-arrow-right');
        if (rightArrow) {
           rightArrow.click();
            setInterval(function () {
                rightArrow.click();
            }, 8000);
        }
    });
</script>