.carousel {
    height: 400px;
}

.carousel-inner {
    height: 100%;
}
.carousel-item {
    height: 100%;
    width: 100%;
}
    .carousel-item img {
        height: 100%;
        width: 100%;
    }
.fade__img {
    opacity: 0;
    transition: opacity 1s ease;
}
    .fade__img.show {
        opacity: 1;
    }
.carousel .carousel-item img {
    object-fit: cover;
}