/* Pääsäiliö, joka piilottaa yli menevät logot */

.logo-slider {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  padding: 20px 0;
  box-sizing: border-box;
}

/* Raita, jossa logot sijaitsevat ja joka liikkuu */

.logo-track {
  display: inline-flex;
  width: max-content;
  animation: scrollLogos 50s linear infinite;
}

/* Pysäyttää pyörimisen, kun hiiri viedään logojen päälle */

.logo-track:hover {
  animation-play-state: paused;
}

/* Yksittäisen logon asetukset */

.slide {
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Kuvien koon yhtenäistäminen */

.slide img {
  height: 80px;
  width: auto;
  max-width: 250px;
  object-fit: contain;
}

/* Itse animaatio */

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