スリック カルーセル レスポンシブ機能が機能しない

これらは、私が自分のページで使用している滑らかなカルーセルの設定です。

  $('.service-carousel').slick({
   dots: false,
   infinite: true,
   speed: 300,
   slidesToShow: 3,
   slidesToScroll: 1,
   arrows: true,
   autoplay: true,
   autoplaySpeed: 2000,
   responsive: [{
   breakpoint: 1200,
   settings: {
   slidesToShow: 3,
   slidesToScroll: 1,
   infinite: true
  }
 },
 {
   breakpoint: 600,
   settings: {
   slidesToShow: 1,
   slidesToScroll: 1,
   infinite: true
  }
 }]
});

これは私のhtmlです

<div class="sixth-slide">
  <p class="title">EYES</p>
  <div class="container">
    <div class="row vertical-container text-center">
      <div class="col-md-12 content cooo text-center">
        <div class="service-carousel">
          <div><img src="img/eyeone.png" class="eyelogos" /></div>
          <div><img src="img/eyetwo.png" class="eyelogos" /></div>
          <div><img src="img/eyethree.png" class="eyelogos" /></div>
          <div><img src="img/eyefour.png" class="eyelogos" /></div>
        </div>
      </div>
    </div>
  </div>
  <div class="bottom-scroll"><a href="#" class="bottom"><img src="img/godown.png" class="godown"/></a></div>
</div>

そして私のCSS(SASS)

.vertical-container
   min-height: 100vh
   display: -webkit-box
   display: -moz-box
   display: -ms-flexbox
   display: -webkit-flex
   display: flex
   -webkit-box-align : center
   -webkit-align-items : center
   -moz-box-align : center
   -ms-flex-align : center
   align-items : center
   width: 100%
   -webkit-box-pack : center
   -moz-box-pack : center
   -ms-flex-pack : center
   -webkit-justify-content : center
   justify-content : center
   position: relative

.content.cooo
   display: block
   text-align: center
   margin: 0 auto
   font-family: 'PT Sans', sans-serif

div.sixth-slide
  .div.row.vertical-container
     @extend .vertical-container
  .eyelogos
     width: 60%
     margin-left: 20%

これは、垂直方向と水平方向の中央に配置された応答性の高いカルーセルを提供することを目的としています。唯一の問題は、幅が 992px 未満の画面でページのサイズを変更またはリロードすると、カルーセルの幅が 5965230px になり、カルーセル内のアイテムが非表示になるのは言うまでもありませんが、ページが完全にめちゃくちゃになります。同様の問題があり、Slick も同様です。どこが間違っていたのか、より応答性の高いカルーセルを提案できる人はいますか?