Create my Custom Project

html, body { max-width: 100%; overflow-x: hidden; touch-action: pan-y; } * { touch-action: manipulation; }

/* === Carousel de logos infini sans débordement === */
.logo-carousel-wrapper {
  overflow-x: hidden;
  width: 100%;
  position: relative;
}

.logo-carousel {
  display: flex;
  animation: scroll-logos 20s linear infinite;
  white-space: nowrap;
  will-change: transform;
}

.logo-carousel img {
  max-height: 60px;
  margin: 0 20px;
  flex-shrink: 0;
}

@keyframes scroll-logos {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}