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

.logos {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0;
  white-space: nowrap;
  position: relative;
}

.logos-slide {
  display: flex;
  width: calc(100% * 6);
  animation: 30s slide infinite linear;
  animation-play-state: running;
}

.logos-slide:hover {
  animation-play-state: paused;
}

.logos-slide img {
  height: auto;
  margin: 0 0px;
}