.carousel-item img{
            height:600px;
            object-fit:cover;
        }

        .carousel-caption{
            background:rgba(0,0,0,.45);
            padding:20px;
            border-radius:10px;
        }
        .carousel-item{
    position: relative;
}

.carousel-item::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.4);
    z-index:1;
}

.carousel-caption{
    z-index:2;
}

        @media (max-width:768px){
            .carousel-item img{
                height:300px;
            }

            .carousel-caption h1{
                font-size:24px;
            }

            .carousel-caption p{
                font-size:14px;
            }
        }