.logo-marquee {
  height: 150px;
  overflow: hidden;
  position: relative;
}

.logo-marquee__track {
  display: flex;
  width: max-content;
  animation: logo-marquee-scroll 20s linear infinite;
}

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

.logo-marquee__slide {
  width: 250px;
  height: 150px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-marquee__slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@keyframes logo-marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}