/* Ensure the carousel is full width */
.banner-carousel {
}

/* Each slide should take full width */
.banner-slide {
  width: 100%;
  height: 90vh; /* Match the full screen height */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Images should fully cover the screen */
.banner-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensure full coverage without distortion */
}

@media (max-width: 768px) {
  .banner-slide {
    height: 35vh;
  }
}