/* Bootstrap 5 Carousel example tweaks (extracted & simplified) */
.carousel {
  margin-bottom: 0;
}
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}
.carousel .carousel-item {
  transition: transform .6s ease-in-out; /* smoother */
}
.object-fit-cover {
  object-fit: cover;
}
/* Make captions readable on small screens */
@media (max-width: 575.98px) {
  .carousel-caption h1 { font-size: 1.75rem; }
  .carousel-caption .lead { font-size: 1rem; }
}
/* Carousel tweaks */
.carousel { margin-bottom: 0; }
.carousel-caption { bottom: 3rem; z-index: 10; }
.carousel .carousel-item { transition: transform .6s ease-in-out; }
.object-fit-cover { object-fit: cover; }
@media (max-width: 575.98px) {
  .carousel-caption h1 { font-size: 1.75rem; }
  .carousel-caption .lead { font-size: 1rem; }
}