.carousel-item .slider-image{
    width: 100%;
    object-fit: cover;
    height: 580px;
}
@media (min-width: 750px) and (max-width: 800px) {
    .carousel-item .slider-image{
        height: 450px;
    }
}
@media (min-width: 650px) and (max-width: 750px) {
    .carousel-item .slider-image{
        height: 400px;
    }
}
@media (min-width: 550px) and (max-width: 650px) {
    .carousel-item .slider-image{
        height: 350px;
    }
}
@media (min-width: 440px) and (max-width: 550px) {
    .carousel-item .slider-image{
        height: 300px;
    }
}
@media (min-width: 0px) and (max-width: 440px) {
    .carousel-item .slider-image{
        height: 200px;
    }
}