.glitch {
  position: relative;
  display: inline-block; /* keep inline behavior; change to block if needed */
  animation: skew steps(1, end) 3s infinite;

  &::before 
  {
    content: attr(data-text);
    position: absolute;
    left: 0px;
    /* inset(top right bot left) */
    clip-path: inset(40% 0px 47% 0px);
    background-color: #515050;
  }
}

.glitch::before {
  animation: glitchOne steps(1, end) 2s infinite, 
  glitchOne-hiding steps(1, end) 2.5s infinite;
}

@keyframes skew {
  0% { transform: skew(0); }
  20% { transform: skew(-15deg); }
  30% { transform: skew(0); }
  35% { transform: skew(-15deg); }
  50% { transform: skew(0); }
}

@keyframes glitchOne{
  0%{transform: translate(44px,18px);}
  12%{transform: translate(1px,-15px);}
  20%{transform: translate(-40px,7px);}
  30%{transform: translate(43px,15px);}
  40%{transform: translate(-40px,4px);}
  58%{transform: translate(-17px,25px);}
  60%{transform: translate(40px,-10px);}
  66%{transform: translate(-11px,21px);}
  68%{transform: translate(57px,17px);}
  75%{transform: translate(3px,-10px);}
  100%{transform: translate(23px,-17px);}
}

@keyframes glitchOne-hiding{
  0% { opacity: 0; }
  10% { opacity: 100; }
  20% { opacity: 0; }
  50% { opacity: 100; }
  55% { opacity: 0; }
  68% { opacity: 100; }
  70% { opacity: 0; }
  90% { opacity: 100; }
  100% { opacity: 0; }
}