/* Для слайдера и изображений */
.swiper {
  width: 100%;
  height: auto;
}

.swiper-slide {
  /* Сделать слайды чуть меньше, если экран маленький */
  width: 100%;
}

@media (max-width: 768px) {
  .swiper-slide {
    padding: 10px; /* Меньше отступов на мобильных */
  }

  .swiper-pagination {
    bottom: 10px; /* Коррекция позиции пагинации для мобильных */
  }
}

@media (min-width: 768px) {
  .testimonial-swiper {
    margin-left: -10px; /* Подправить отступы для больших экранов */
  }
}

/* гарантируем, что контейнер не вылезет и имеет ширину */
.testimonial-swiper {
  width: 100%;
  overflow: hidden;
}
/* на очень узких экранах убираем лишний внутренний отступ,
   чтобы текст не расширял слайд за пределы экрана */
@media (max-width: 480px) {
  .testimonial-swiper .swiper-slide {
    padding: 16px;
  }
}