.marquee-container { overflow: hidden; width: 100%; padding: 20px 0; } .marquee { display: flex; gap: 20px; } .marquee img { height: 200px; border: 4px ; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } /* Animation vers la droite */ .scroll-right { animation: scroll-right 30s linear infinite; } /* Pause du scroll + zoom lors du survol d’une image */ .marquee img:hover { transform: scale(1.05); border-color: #0073e6; } .marquee:hover { animation-play-state: paused; } /* Keyframes pour droite */ @keyframes scroll-right { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } }