document.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('.swiper-container').forEach((swiperContainer) => {
    let caption_height = 0;
    swiperContainer.querySelectorAll('.image-caption').forEach((caption) => {
      if (caption.clientHeight > caption_height) {
        caption_height = caption.getBoundingClientRect().height;
      }
    })

    swiperContainer.querySelector('.swiper-button-prev').style.marginBottom = caption_height + 'px';
    swiperContainer.querySelector('.swiper-button-next').style.marginBottom = caption_height + 'px';
    window.addEventListener('resize', () => {
      swiperContainer.swiper.update();
    })
    window.addEventListener('scroll', () => {
      swiperContainer.swiper.update();
    })
  })
})