Gglide js data-glide-dir next не отображается правильно ширина

Question

Я добавляю в свой проект слайд js, он работает нормально, но не загружается полностью при передаче других слайдов. Часть старого слайда остается на экране. Пробовал несколько раз bash ту же проблему. даже при написании текста вместо картинок часть старого текста остается на экране

new Glide('.glide', {
      type: 'carousel',
      perView: 1,
      autoplay: 2000,
      hoverpause: true,
    }).mount();

.glide {
  img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
}

<div class="glide">
  <div class="glide__track" data-glide-el="track">
    <ul class="glide__slides">
      <li class="glide__slide">
        <img src="assets/img/slide/s1.jpg" alt="" />
      </li>
      <li class="glide__slide">
        <img src="assets/img/slide/s2.jpg" alt="" />
      </li>
      <li class="glide__slide">
        <img src="assets/img/slide/s3.jpg" alt="" />
      </li>
    </ul>
  </div>
  <div class="glide__arrows" data-glide-el="controls">
    <button class="glide__arrow glide__arrow--left" data-glide-dir="<">
      prev
    </button>
    <button class="glide__arrow glide__arrow--right" data-glide-dir=">">
      next
    </button>
  </div>
  <div class="glide__bullets" data-glide-el="controls[nav]">
    <button class="glide__bullet" data-glide-dir="=0"></button>
    <button class="glide__bullet" data-glide-dir="=1"></button>
    <button class="glide__bullet" data-glide-dir="=2"></button>
  </div>
</div>