.brand-scroll {
  width: 100%;
  overflow: hidden;
  display: flex;
  white-space: nowrap;
  align-items: center;
}

.brand-scroll .brand-name {
  animation: marquee 30s linear infinite;
}

.brand-scroll .brand-name span {
  margin-left: 40px;
  margin-right: 40px;
}

@keyframes marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}