.banner-logo-wrapper {
  overflow: hidden;
  position: relative;
}

.marquee-component {
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  overflow: hidden;
}

.banner-logos.moving-logos {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  animation: scroll linear infinite;
}

.banner-logos.moving-logos li {
  flex: 0 0 auto;
}

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

.banner-logos.moving-logos .logo-item img {
  width: 14rem;
  display: flex;
  margin: 0 auto;
}