반응형에서 슬라이드 배너 갯수 변경하는 방법

       <script>
            var swiper = new Swiper('.swiper-container', {
             slidesPerView: 3, //동시에 보여줄 슬라이드 갯수
              loop: true, // 무한 반복
              centeredSlides: true,
              spaceBetween: 10, //슬라이드간 간격
              grabCursor: true,
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
              },
             navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
              },
              });
          </script>

슬라이드배너 소스인데

반응형에서는 보이는 갯수 변경이 안되나요?

하나씩만 슬라이드되게 변경하고 싶은데 방법을 모르겠네요ㅜ