.title {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

/* Optional: Custom scroll behavior for smoother transitions */
        .carousel-slide {
            scroll-snap-align: start;
            transition: transform 0.5s ease-in-out;
            /* Ensure the slide itself acts as the relative container for the image */
            position: relative;
        }

        /* Aspect ratio hack for 16:9 */
        /* This container will dictate the 16:9 ratio */
        .aspect-w-16 {
            position: relative; /* Essential for absolute child */
            padding-bottom: 56.25%; /* 9 / 16 * 100% */
            height: 0; /* Important for the hack */
            overflow: hidden; /* To clip content outside the ratio */
        }

        /* The actual content (image) will fill this container */
        .aspect-h-9 {
            position: absolute; /* Positioned relative to .aspect-w-16 */
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

       

        .carousel-wrapper, .carousel-slide {
            box-sizing: border-box;
        }