.carousel img {
    padding-top: 6rem;
    /* margin-top: 2rem; */
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    display: none;
    transition: transform 0.6s ease-in-out;
}

.carousel img.active {
    display: block;
    transform: translateX(0);
}

.carousel img:not(.active) {
    display: none;
    transform: translateX(-100%);
}