.carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* Для плавного прокручивания на устройствах с iOS */
}

.carousel img {
    scroll-snap-align: start;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
}