光滑的滑块，多个滑块相同类名的问题，在移动设备上有断点

如何解决光滑的滑块，多个滑块相同类名的问题，在移动设备上有断点

当我尝试使用相同的类制作 5 个滑块时遇到问题，我希望所有滑块在正常尺寸下显示 3 个图像，而所有滑块在移动设备上显示 1 个图像，我在 768 上添加了一个断点以进行更改，它在正常尺寸上显示正确，但在移动设备上显示错误，问题是在移动设备上 2 个滑块显示 3 个图像，2 个滑块显示 1 个图像，所有这些都具有相同的类“projetosSlider”名称，使用 slick，应该是一个图像.可能是什么问题？

我有一些 css，但我删除了它，它仍然发生。我尝试了不同的名字，但遇到了同样的问题。

来自同一页面的图像：

3 images on mobile

1 image on mobile too

html 都一样只是改变了图像，一个例子：

    <div class="position-relative mt-5 ">
        <div class="projetosSlider"> 
            <img src="galeria/castelo_1.jpg"> 
            <img src="galeria/castelo_2.jpg"> 
            <img src="galeria/castelo_3.jpg"> 
            <img src="galeria/castelo_4.jpg"> 
            <img src="galeria/castelo_5.jpg"> 
            <img src="galeria/castelo_6.jpg"> 
        </div>
    </div>

javascript:

(function ($) {


$(".projetosSlider").each(function () {


$(this).slick({
   
  infinite: true,slidesToShow: 3,slidesToScroll: 1,arrows: true,dots: false,centerMode: true,variableWidth: false,prevArrow:
    "<button type='button' class='slick-prev pull-left'><i class='fas fa-chevron-left'></i></i></button>",nextArrow:
    "<button type='button' class='slick-next pull-right'><i class='fas fa-chevron-right'></i></i></button>",responsive: [
    {
      breakpoint: 768,settings: {
        slidesToShow: 1,infinite: false,centerMode: false,},],});
  });

})(jQuery);