.logo-slider {
  display: flex;
  overflow: hidden;
  padding: 30px 0 0 0;
  position: relative;
}

.logos-slide {
  display: flex;
  flex-shrink: 0;
  animation: slide 45s linear infinite;
}

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

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

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