.logos__wrapper {
  margin-top: 40px;
}

.logos__grid {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.logos__grid__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  inset: 0%;
  background-image: linear-gradient(90deg, #fff 2%, #08080800 20%, #08080800 80%, #fff 98%);
}

.logos__grid__overflow {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.logos__grid__items {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-animation: loopstuff 100s linear infinite;
  -moz-animation: loopstuff 100s linear infinite;
  -o-animation: loopstuff 100s linear infinite;
  animation: loopstuff 100s linear infinite;
}

.logos__grid__item {
  margin-left: 45px;
  margin-right: 45px;
  display: block;
  max-width: 100%;
  max-height: 64px;
  height: auto;
  user-select: none;
  pointer-events: none;
}

@keyframes loopstuff {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}