swiperをを使用していますが、更新するたびに表示が変わってしまいます

ページ中にswiperを使用しスライダーを使用しているのですが、
更新するたびに上手くいったり、うまくいかなかったりします。

PC3.7枚表示、SP1.7枚表示なのですが、
1枚表示になってボタンが作動しなかったり、
上手くスライドせず1枚の画像のようになってスワイプがうまくいきません。

以上のエラーは一度に発生し、更新を繰り返しているとうまく作動することもあります。

よろしくお願いします。

追記：ez-HTMLで作成しています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
 <meta charset="utf-8">



	
<meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1.0,minimum-scale=1.0">


<style type="text/css">

@media screen and (max-width:639px) {


/* swiperのサイズ　*/

.swiper-container {
    width: 100%;
    height: auto;
}

}


  
@media screen and (min-width:1024px) {


/* swiperのサイズ　*/

.swiper-container {
    width: 1000px;
    height: auto;
}

}

</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.3/css/swiper.min.css">

</head>

<div class="swiper-container">
   <div class="swiper-wrapper">
     <div class="swiper-slide"><a href="#" target="_blank"><img src="#"></a></div>
     <div class="swiper-slide"><a href="#" target="_blank"><img src="#"></a></div>
     <div class="swiper-slide"><a href="#" target="_blank"><img src="#"></a></div>
     <div class="swiper-slide"><a href="#" target="_blank"><img src="#"></a></div>
     <div class="swiper-slide"><a href="#" target="_blank"><img src="#"></a></div>
     <div class="swiper-slide"><a href="#" target="_blank"><img src="#"></a></div>

   </div>
   <div class="swiper-button-prev swiper-button-black"></div>
   <div class="swiper-button-next swiper-button-black"></div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.3/js/swiper.min.js"></script>



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









var myswiper = new Swiper('.swiper-container', {
　loop: true,
  centeredSlides:true,
  slidesPerView: 1.7,
  
  
  navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
      
  
  
  },



  breakpoints: {
  640: {
　　　slidesPerView: 3.7,
　　
　　　
　　　
　　　　},
　　　
　　　
　　　
},


  
});






</script>



</body>
</html>