.hero::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.25) 50%, rgba(255,255,255,0) 100%);
          animation: heroWipeMC 3.5s ease-in-out infinite alternate;
          pointer-events: none;
          z-index: 2;
        }
        @keyframes heroWipeMC {
          0%   { left: -60%; }
          100% { left: 115%; }
        }