import Swiper, { Pagination } from 'swiper';
import 'swiper/css/autoplay';

const swiperResponsibility = new Swiper('.well-being__swiper', {
  modules: [Pagination],
  slidesPerView: 3,
  spaceBetween: 20,
  freeMode: true,
  pagination: {
    el: ".well-being__pagination",
    clickable: true,
  },
  mousewheel: true,
  breakpoints: {
    320: {
      slidesPerView: 1,
      spaceBetween: 20,
    },
    480: {
      slidesPerView: 1.5,
      spaceBetween: 20,
    },
    768: {
      slidesPerView: 2,
      spaceBetween: 20,
    },
    1366: {
      slidesPerView: 2.4,
      spaceBetween: 20,
    },
    1440: {
      slidesPerView: 2.4,
      spaceBetween: 20,
    },
    1550: {
      slidesPerView: 3,
      spaceBetween: 20,
    },
    1800: {
      slidesPerView: 3,
      spaceBetween: 20,
    },
    2500: {
      slidesPerView: 4,
      spaceBetween: 20,
    }
  }
});