document.addEventListener('DOMContentLoaded', function () {
  new Splide('.bath-splide01', {
    type: 'loop',
    perPage: 1,
    focus: 'center',
    padding: '20%',
    gap: 20,
    autoplay: true,
    interval: 5000,
    arrows: true,
    pagination: true,
    speed: 1000,
    pauseOnHover: false,

    breakpoints: {
      768: {
        padding: 0,
        gap: 10,
      },
    },
  }).mount();
});





document.addEventListener('DOMContentLoaded', function () {
  new Splide('.bath-splide02', {
    type: 'loop',
    perPage: 1,
    focus: 'center',
    padding: '20%',
    gap: 20,
    autoplay: true,
    interval: 5000,
    arrows: true,
    pagination: true,
    speed: 1000,
    pauseOnHover: false,

    breakpoints: {
      768: {
        padding: 0,
        gap: 10,
      },
    },
  }).mount();
});