.custom-slider .swiper,
.custom-slider .slider-wrapper {
  width: 100%;
}

.custom-slider .swiper-slide,
.custom-slider .slider-item {
  display: grid;
  place-items: center;
}

.custom-slider .swiper-slide img,
.custom-slider .swiper-slide video,
.custom-slider .slider-item img,
.custom-slider .slider-item video {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* use 'cover' if you want edge-to-edge crop */
  display: block;
}

.custom-slider .swiper {
  /* optional fixed viewport ratio to avoid jumps while images load */
  aspect-ratio: 16 / 9; /* adjust or remove if not desired */
}

.custom-slider .slider-prev,
.custom-slider .slider-next {
  pointer-events: auto;
}