Слайдер из Zero‑блоков

<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.1/slider.min.js"></script>
<script> slider.init(".uc-slider", { arrows: true, select: true, elems: ".slide-img, .slide-arrow", style: { active: { backgroundColor: "#18181B" }, controls: { backgroundColor: "#18181B", borderColor: "#18181B", backgroundImage: "https://static.postnikovmd.com/mods/arrow-slider-w.svg" } } }) </script>
<style>
    /* Задаём стили для логотипов и стрелок на карточках */
    .uc-slider .slide-img .tn-atom {
        opacity: .3 !important; /* Задаём неактивному логотипу непрозрачность 30%*/
    }
    .uc-slider .slide-img.active .tn-atom {
        opacity: 1 !important; /* Делаем активный логотип полностью непрозрачным */
        filter: invert(1); /* Инвертируем цвета логотипа для тёмного фона */
    }
    .uc-slider .slide-arrow.active .tn-atom {
        background-color: #7366FF !important; /* Перекрашиваем фон активной кнопки со стрелкой */
        background-image: url(https://static.postnikovmd.com/mods/arrow-diagonal-down-w.svg) !important; /* Загружаем своё изображение для активной стрелки */
    }
</style>