.section--customers {
  overflow: hidden;
}

.section--customers__logos {
  margin-top: var(--adebeo-spacing-l);
  width: fit-content;
  display: flex;
  gap: var(--adebeo-spacing-inner);
  animation: logo_carousel 16s linear infinite;
}

.section--customers__logos--2 {
  animation: logo_carousel_2 16s linear infinite;
}

.section--customers__logos:hover {
  animation-play-state: paused;
}

.section--customers__logos__logo {
  min-width: 114px;
  height: auto;
}

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

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