.hero-wipe { position: relative; overflow: hidden; }
.hero-wipe::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 45%;
  height: 100%;
  background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 50%, rgba(255,255,255,0) 100%);
  animation: heroWipe 3.5s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 2;
}
@keyframes heroWipe {
  0%   { left: -60%; }
  100% { left: 115%; }
}