html, body {
    background-color: rgb(4, 20, 29);
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
  }
  .glitch {
    font-family: sans-serif;
    color: #fff;
    position: relative;
    margin: 0;
    text-transform: lowercase;
  }
  .glitch::after, .glitch::before {
    content: attr(data-text);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
  }
  .glitch::after {
    text-shadow: -2px 2px #cc0f39;
    left: -2px;
    animation: anim1 1s infinite linear alternate-reverse;
  }
  .glitch::before {
    text-shadow: 2px -2px #0ffbf9;
    left: 2px;
    animation: anim2 1s infinite linear alternate-reverse;
  }
  
  @media (max-width: 991.98px) {
    .glitch { font-size: 75px; }
  }
  @media (min-width: 992px) {
    .glitch { font-size: 150px; }
  }
  
  @keyframes anim1 {
    0%, 9% { clip-path: inset( 14% 0% 23% 0% ); }
    10%, 19% { clip-path: inset( 11% 0% 2% 0% ); }
    20%, 29% { clip-path: inset( 43% 0% 53% 0% ); }
    30%, 39% { clip-path: inset( 21% 0% 33% 0% ); }
    40%, 49% { clip-path: inset( 24% 0% 3% 0% ); }
    50%, 59% { clip-path: inset( 12% 0% 13% 0% ); }
    60%, 69% { clip-path: inset( 13% 0% 11% 0% ); }
    70%, 79% { clip-path: inset( 44% 0% 23% 0% ); }
    80%, 89% { clip-path: inset( 14% 0% 93% 0% ); }
    90%, 99% { clip-path: inset( 22% 0% 13% 0% ); }
    100% { clip-path: inset( 33% 0% 23% 0% ); }
  }
  
  @keyframes anim2 {
    0% , 9% { clip-path: inset( 23% 0% 25% 0% ); }
    10%, 19% { clip-path: inset( 21% 0% 53% 0% ); }
    20%, 29% { clip-path: inset( 55% 0% 53% 0% ); }
    30%, 39% { clip-path: inset( 62% 0% 21% 0% ); }
    40%, 49% { clip-path: inset( 31% 0% 32% 0% ); }
    50%, 59% { clip-path: inset( 32% 0% 73% 0% ); }
    60%, 69% { clip-path: inset( 64% 0% 22% 0% ); }
    70%, 79% { clip-path: inset( 31% 0% 6% 0% ); }
    80%, 89% { clip-path: inset( 64% 0% 52% 0% ); }
    90%, 99% { clip-path: inset( 48% 0% 41% 0% ); }
    100% { clip-path: inset( 92% 0% 1% 0% ); }
  }