.animated-text {
  position: relative;
  --back-color: #aaa;
  --front-color: #000;
}
.animated-text__back {
  color: var(--back-color);
}
.animated-text__front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--front-color);
  pointer-events: none;
}
.animated-text__front span {
  display: inline-block;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}