.carousel {
    --visible : 1;
    overflow  : hidden;
    max-width : 100%;
}

.slides {
    display     : flex;
    transition  : transform 0.3s ease;
    align-items : stretch;
    
    .slide {
        flex           : 0 0 calc(100% / var(--visible));
        padding        : 1rem;
        display        : flex;
        flex-direction : column;
    }
}