#swiper {
  position: sticky !important;
  top: 7rem !important;
  /* https://github.com/nolimits4web/swiper/issues/3599 */
  width: 100%;
  max-width: 100%;
  max-height: 65vh;
  min-height: 0;
  min-width: 0;

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

.swiper-slide {
  display: flex !important;
  align-items: center;
}

/* nav buttons */
.swiper-button {
  width: 50% !important;
  height: 100% !important;
  top: 0 !important;
  z-index: 3 !important;
  margin-top: 0 !important;
  color: #000 !important;
  font-size: 3rem !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: "" !important;
}

.swiper-button-prev {
  justify-content: flex-start !important;
}
.swiper-button-next {
  justify-content: flex-end !important;
}

.swiper-button img {
  width: 2.5rem;
}

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

  .swiper-button {
    display: none !important;
  }
}