Смазанность текста в слайдере при использовании стиля transform

При применении свойства transform текст и картинки внутри слайдера искажаются, ухудшается качество, что можно применить, чтобы исправить это?

<!-- Swiper -->
 <div class="swiper-container">
  <div class="swiper-wrapper">
    
    <div class="swiper-slide">

      <div>
        
          <img class="group-2863" src="{{'assets/images/Group-2863.png'|theme}}"/>
      <img class="group-2854" src="{{'assets/images/Group-2854.png'|theme}}"/>
      <img class="group-2855" src="{{'assets/images/Group-2855.png'|theme}}"/>
      <img class="group-2860" src="{{'assets/images/Group-2860.png'|theme}}"/>
      <img class="group-2861" src="{{'assets/images/Group-2861.png'|theme}}"/>
      <img class="group-2858" src="{{'assets/images/Group-2858.png'|theme}}"/>
      <img class="group-2859" src="{{'assets/images/Group-2859.png'|theme}}"/>
      <img class="group-2852" src="{{'assets/images/Group-2852.png'|theme}}"/>
      <p class="dobro">Slide 1</p>
        
      </div>
    </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>
  <!-- Add Pagination -->
  <div class="swiper-pagination"></div>
</div>

.swiper-container {
    transform: matrix(1, -0.03, 0, 1, 0, 0);
    background: radial-gradient(88.33% 133.62% at 30.36% 50%, #1E85C0 0%, #1D2125 100%);
    width: 100%;
    height: 73.5%;
  }