.mySwiper {
  width: 100%;
  height: 600px;
}

.mySwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

/* Make navigation arrows white */
.swiper-button-next,
.swiper-button-prev {
    color: white !important;
}

/* Optional: add slight shadow so they are visible on bright images */
.swiper-button-next,
.swiper-button-prev {
    text-shadow: 0 0 4px rgba(0,0,0,0.6);
}