مشکل با swiper

سلام دوستان من یه سویپر آماده استفاده کردم ولی موقع لود سایت عکس های ب صورت عمودی لود میشه

div class="swiper-container">

   <div class="swiper-wrapper">

     <div class="swiper-slide">Slide 1</div>

     <div class="swiper-slide">Slide 2</div>

     <div class="swiper-slide">Slide 3</div>

     <div class="swiper-slide">Slide 4</div>

     <div class="swiper-slide">Slide 5</div>

     <div class="swiper-slide">Slide 6</div>

     <div class="swiper-slide">Slide 7</div>

     <div class="swiper-slide">Slide 8</div>

     <div class="swiper-slide">Slide 9</div>

     <div class="swiper-slide">Slide 10</div>

   </div>

   <!-- Add Pagination -->

   <div class="swiper-pagination"></div>

 </div>





 <!-- Swiper JS -->

 <script src="../dist/js/swiper.min.js"></script>





 <!-- Initialize Swiper -->

 <script>

   var swiper = new Swiper('.swiper-container', {

     pagination: {

       el: '.swiper-pagination',

     },

   });

 </script>

ضمیمه 150482
مشکل کار کجاست؟

کسی نیست کمک کنه؟