.carousel {
    margin: 20px auto;
    height: 100%;
    animation: show-slowly .8s linear;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    height: 45rem;
    min-width: 60%;
    margin: auto;
    object-fit: cover;
}

@keyframes show-slowly {
    0%{
    opacity: 0;
    transform: scale(98%);     
    }
    100%{
    opacity: 1;
    }
}