const feedbackContainers = document.querySelectorAll(
  "[data-swiper-feedback-container]",
);

feedbackContainers.forEach((container) => {
  const swiperElement = container.querySelector(".swiper.feedback");
  const prevButton = container.querySelector("[data-prev-slide]");
  const nextButton = container.querySelector("[data-next-slide]");

  if (!swiperElement) return;

  new Swiper(swiperElement, {
    slidesPerView: 1.025,
    spaceBetween: 16,
    grabCursor: true,

    navigation: {
      prevEl: prevButton,
      nextEl: nextButton,
    },

    breakpoints: {
      768: {
        slidesPerView: 1.5,
        spaceBetween: 20,
      },

      992: {
        slidesPerView: 2,
        spaceBetween: 24,
      },
    },
  });
});