.carousel {
    display: flex;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    scroll-behavior: smooth;
}

.carousel__item {
    width: 100%;
    flex-shrink: 0;
    scroll-snap-align: start;
}

.carousel__image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}