.container {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
          mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}
.container div {
  white-space: nowrap;
  -webkit-animation: animate var(--t) linear infinite;
          animation: animate var(--t) linear infinite;
  box-sizing: border-box;
  display: flex;
}
.container div:nth-child(2) {
  white-space: nowrap;
  -webkit-animation: animate2 var(--t) linear infinite;
          animation: animate2 var(--t) linear infinite;
  -webkit-animation-delay: calc(var(--t) / -2);
          animation-delay: calc(var(--t) / -2);
}
.container div span {
  display: block;
  box-sizing: border-box;
  line-height: 32px;
  padding: 0 16px;
  height: 32px;
  letter-spacing: .2em;
  color: #fff;
  text-align: center;
  border-radius: 16px 16px 16px 16px;
  margin: 0 10px 0 10px;
}
.container div span:nth-child(odd) {
  margin-top: 40px;
}
@-webkit-keyframes animate {
from {
    transform: translate(-100%);
}
to {
    transform: translate(100%);
}
}
@keyframes animate {
from {
    transform: translate(-100%);
}
to {
    transform: translate(100%);
}
}
@-webkit-keyframes animate2 {
from {
    transform: translate(-200%);
}
to {
    transform: translate(0);
}
}
@keyframes animate2 {
from {
    transform: translate(-200%);
}
to {
    transform: translate(0);
}
}