.auto-carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.carousel-track {
    display: flex;
    flex-direction: row; /* horizontal only */
    will-change: transform;
}

.slide {
    flex: 0 0 auto;
    width: clamp(220px, 30vw, 320px); /* responsive width */
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}