*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:20px;background:#eee;padding:20px}

.carousel{width:100%;max-width:1200px;overflow:hidden;background:#fff;padding:12px;border-radius:8px}

/* ensure single row, no wrap */
.track{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;animation:scroll 60s linear infinite;will-change:transform}

/* fixed size, no shrink */
.track img{flex:0 0 auto;width:160px;height:100px;object-fit:cover;border-radius:6px;display:block}

/* pause on hover */
.carousel:hover .track{animation-play-state:paused}

@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* responsive durations/sizes */
@media (max-width:900px){.track img{width:140px;height:90px}.track{animation-duration:55s}}
@media (max-width:600px){.track img{width:110px;height:70px}.track{animation-duration:50s}}