Настройка слайдера на мобильном JS для Тильды

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
 
<script>
(function () {
    // Id блока, в котором будет слайдер 
    let block = $("#rec314531387");
    // Class элемента, в котором будет находиться слайдер
    let wrap = $(".tn-elem__3145313871620876830381");
    // Id блоков, которые будут слайдами
    let slides = $("#rec314531508, #rec314532257");
 
    wrap.addClass("tildoshnaya-slider-owl");
    let box = wrap.find(".tn-atom");
    box.append('<div class="owl-carousel owl-theme"></div>');
    slides.appendTo(block.find('.owl-carousel'));
    let owl = wrap.find('.owl-carousel').owlCarousel({
        // Зациклить слайдер - true
        // Без зацикленности - false
        loop:true,
        nav:false,
        dots: false,
        // Колличество карточек
        items: 1,
 
        // Адаптивность
        responsive:{
            // 0 это минимальная ширина экрана, при которой включается следующая часть кода
            // 0:{ 
            //  items: 1 это колличество слайдов на экране
            //     items:1
            // },
            0:{
                items:1
            },
            640:{
                items:1
            },
            960:{
                items:1
            },
        }
        // Адаптивность: конец
    })
 
 
    block.find("[href='#slider_left']").click(function(){
        owl.trigger('prev.owl.carousel');
    })
    block.find("[href='#slider_right']").click(function(){
        owl.trigger('next.owl.carousel');
    })
}());
</script>
 
       
<script>
function auto_play() {  $("[href='#slider_right']").click()};
var timemode = 4000; /* Скорость автослайдинга */
var autoPlay = setInterval( auto_play, timemode );
</script>