#swiper {
  /* https://github.com/nolimits4web/swiper/issues/3599 */
  width: 100%;
  max-width: 100%;
  max-height: 100vh;
  min-height: 0;
  min-width: 0;

  /* Custom */
  overflow: hidden;
  position: relative;
}

.swiper-button {
  width: 50% !important;
  height: 100% !important;
  top: 0 !important;
}
.swiper-button:before,
.swiper-button:after {
  content: "" !important;
}

.swiper-button-next:hover {
  cursor: url(../../images/icons/arrow-next.svg) 10 20, auto !important;
}
.swiper-button-prev:hover {
  cursor: url(../../images/icons/arrow-prev.svg) 10 20, auto !important;
}

@media screen and (max-width: 800px) {
  #swiper picture {
    height: 100%;
  }
  #swiper picture img {
    object-fit: contain;
  }
}