.logo-carousel {
  --gap: 80px;
  --maxh: 80px;
  width: 100%;
  max-width: 100% !important;
  overflow: hidden;
  position: relative;
  padding: 30px 0;
}

.logo-track {
  display: flex;
  align-items: center;
  gap: var(--gap);
  will-change: transform;
  transition: none;
}

.logo-slide {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* lien optionnel */
.logo-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* même hauteur pour tous, sans déformation */
.logo-slide img {
  display: block;
  max-height: var(--maxh);
  width: auto;
  height: auto;
  object-fit: contain;
}
/* mode noir et blanc */
.logo-carousel.is-bw .logo-slide img{
  filter: grayscale(1);
  transition: filter .25s ease;
}

.logo-carousel.is-bw .logo-slide:hover img{
  filter: grayscale(0);
}