/* Carousel */ .custom-carousel { width: 100%; overflow: hidden; } .custom-carousel .carousel-item { height: 500px; } .custom-carousel .carousel-item img { width: 100%; height: 100%; object-fit: cover; object-position: center; } /* Overlay */ .custom-carousel .carousel-item::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .35); } /* Caption */ .custom-carousel .carousel-caption { z-index: 2; bottom: 20%; } .custom-carousel .carousel-caption h2 { font-size: clamp(1.8rem, 5vw, 4rem); font-weight: 700; } .custom-carousel .carousel-caption p { font-size: clamp(.9rem, 2vw, 1.25rem); } /* Tablet */ @media (max-width: 991px) { .custom-carousel .carousel-item { height: 420px; } } /* Mobile */ @media (max-width: 576px) { .custom-carousel .carousel-item { height: 300px; } .custom-carousel .carousel-caption { bottom: 15%; padding: 0 35px; } .custom-carousel .carousel-caption h2 { font-size: 1.6rem; } .custom-carousel .carousel-caption p { font-size: .85rem; } .custom-carousel .carousel-caption .btn { font-size: .8rem; padding: 8px 16px; } }