swiper 커버플로우 이펙트 질문 드립니다.

<script>
                    var swiper = new Swiper('.swiper-container.swiper2', {
                        loop: true,
                        
                      effect: 'coverflow',
                      grabCursor: true,
                      centeredSlides: true,
                      slidesPerView: 'auto',
                        speed: 2000,
                      coverflowEffect: {
                        rotate: 30,
                        stretch: 0,
                        depth: 200,
                        modifier: 1,
                        slideShadows: false,
                        
                          
                      },
                      
                        autoplay: {
                            delay: 2000,
                            disableOnInteraction:false,
                            
                        },
                    });
                  </script>

이렇게 작성해서 동작이 되는 상태인데, 마우스로 잡아끌면 배열이 깨져서 노출이 됩니다 ㅠㅠ 

오토플레이는 정상적으로 커버플로우로 동작이 잘 되는데 아래 이미지처럼 마우스로 끌어잡을시 배열이 꺠져버려서요 ㅠㅠ 고수님들의 조언 부탁드립니다 ㅠ

오토플레이는 정상적으로 이렇게 작동이 되는데,

마우스로 끌어 놓으면 

이렇게 노출이 됩니다 ㅠ

마우스로 끌어당길시 배열이 저렇게 안깨지고 다음껄로 나와야 정상인데 저렇게 노출이 되는 상태여서요 ㅠ