.logo-marquee-js {
  overflow: hidden;
  position: relative;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 30px;
  margin-block-start: 2rem;
}

.logo-marquee-js .track {
  display: flex;
  gap: 60px;
  white-space: nowrap;
  will-change: transform;
  animation-name: marquee-scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

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

.logo-marquee-js .track img {
  height: 30px;
  object-fit: contain;
}