#carouselBanner .carousel-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    /*max-height: 60vh;*/
}
.carousel-control-prev{
    background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
}
.carousel-control-next {
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}
@media (max-width: 768px) {
    #carouselBanner .carousel-item img {
        max-height: 420px;
    }
}

@media (max-width: 480px) {
    #carouselBanner .carousel-item img {
        max-height: 340px;
    }
}