#myCarousel {
    overflow: hidden;
    background: #061126;
}

#myCarousel .carousel-item {
    height: clamp(22rem, 43vw, 40rem);
}

#myCarousel .carousel-item > img {
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: center center;
}

#myCarousel .carousel-caption {
    pointer-events: none;
}

#myCarousel .carousel-control-prev,
#myCarousel .carousel-control-next {
    width: 8%;
}

@media (max-width: 991.98px) {
    #myCarousel .carousel-item {
        height: 30rem;
    }

    #myCarousel .carousel-item > img {
        object-position: left center;
    }
}

@media (max-width: 575.98px) {
    #myCarousel {
        margin-bottom: 1.5rem;
    }

    #myCarousel .carousel-item {
        height: 23.5rem;
    }

    #myCarousel .carousel-item > img {
        object-position: left center;
    }

    #myCarousel .carousel-control-prev,
    #myCarousel .carousel-control-next {
        width: 12%;
    }

    #myCarousel .carousel-control-prev-icon,
    #myCarousel .carousel-control-next-icon {
        width: 1.35rem;
        height: 1.35rem;
    }

    #myCarousel .carousel-indicators {
        margin-bottom: 0.55rem;
    }
}

@media (max-width: 390px) {
    #myCarousel .carousel-item {
        height: 21.5rem;
    }
}