.carousel-body{
    width: 70%;
}
.carousel-container{
    height: 50vh
}
.carousel-body .carousel-inner { 
    height: 50vh; 
}
.carousel-body .carousel-item { 
    height: 100%; 
}
.carousel-body .carousel-item > img {
width: 100%;
height: 100%;
object-fit: cover;                                     
object-position: center;
display: block;
}

@media screen and (max-width: 768px) {
    .carousel-body{
        width: 100%
    }
    .carousel-body .carousel-inner{
        height: 20vh
    }
}