Почему адаптивность Slick-slider не работает?

Пытаюсь адаптировать slik-slider на планшетный разрешение, сам слайдер прекрасно работает.Но внесение изменение в код не работают, ошибок тоже не выдают.Из за чего это может быть? Это скрипты

        $('.carousel__inner').slick({
        speed: 1200,
        adaptiveHeight: true,
        prevArrow: '<button type="button" class="slick-prev"><img src="logo/left.png"></button>',
        nextArrow: '<button type="button" class="slick-next"><img src="logo/right.png"></button>',
        responsive:[
            {
                breakpoint: 768,
                settings: {
                  dots: true,
                  arrows: false,
                  
                }
            },
        ]

Это html

<section class="carousel">
<div class="container">
    <div class="carousel__inner">
        <div>
            <img src="logo/watch.png" alt="slider">
        </div>
        <div>
            <img src="logo/slider2.png" alt="slider">
        </div>
        <div>
            <img src="logo/slider3.png" alt="slider">
        </div>
      </div>
</div>
</section>

На всякий случай css

.carousel {
    padding: 81px 0 ;
    &__inner {
        position: relative;
        width: 750px;
        margin: 0 auto;
    }
    .slick-prev,.slick-next {
        position: absolute;
        border: none;
        background-color: rgba(0, 0, 0, 0);
        top:50%;
        transform: translateY(-50%);
        left: -66px;
    }
    .slick-next {
        left: auto;
        right: -70px;
    }
    
}