.info-wrapper {

}

    .name-wrapper {
        font-size: 2rem;
        margin-top: 2vmin;
        text-transform: uppercase;
    }



    .glitch{
         position:relative;
         white-space: nowrap;
    }


    @keyframes noise-anim {
      0% {
        clip: rect(27px, 9999px, 33px, 0);
      }
      5% {
        clip: rect(59px, 9999px, 91px, 0);
      }
      10% {
        clip: rect(7px, 9999px, 30px, 0);
      }
      15% {
        clip: rect(37px, 9999px, 64px, 0);
      }
      20% {
        clip: rect(99px, 9999px, 91px, 0);
      }
      25% {
        clip: rect(75px, 9999px, 97px, 0);
      }
      30% {
        clip: rect(86px, 9999px, 85px, 0);
      }
      35% {
        clip: rect(42px, 9999px, 88px, 0);
      }
      40% {
        clip: rect(90px, 9999px, 86px, 0);
      }
      45% {
        clip: rect(53px, 9999px, 34px, 0);
      }
      50% {
        clip: rect(17px, 9999px, 23px, 0);
      }
      55% {
        clip: rect(15px, 9999px, 53px, 0);
      }
      60% {
        clip: rect(98px, 9999px, 59px, 0);
      }
      65% {
        clip: rect(47px, 9999px, 88px, 0);
      }
      70% {
        clip: rect(82px, 9999px, 8px, 0);
      }
      75% {
        clip: rect(34px, 9999px, 60px, 0);
      }
      80% {
        clip: rect(18px, 9999px, 43px, 0);
      }
      85% {
        clip: rect(75px, 9999px, 27px, 0);
      }
      90% {
        clip: rect(63px, 9999px, 33px, 0);
      }
      95% {
        clip: rect(65px, 9999px, 48px, 0);
      }
      100% {
        clip: rect(97px, 9999px, 11px, 0);
      }
    }
    .glitch:after {
      content: attr(data-text);
      position: absolute;
      left: 2px;
      text-shadow: -1px 0 red;
      top: 0;
      color: white;
      background: #f00;
      overflow: hidden;
      clip: rect(0, 900px, 0, 0);
      animation: noise-anim 2s infinite linear alternate-reverse;
    }

    @keyframes noise-anim-2 {
      0% {
        clip: rect(79px, 9999px, 49px, 0);
      }
      5% {
        clip: rect(63px, 9999px, 15px, 0);
      }
      10% {
        clip: rect(37px, 9999px, 86px, 0);
      }
      15% {
        clip: rect(66px, 9999px, 52px, 0);
      }
      20% {
        clip: rect(28px, 9999px, 17px, 0);
      }
      25% {
        clip: rect(35px, 9999px, 71px, 0);
      }
      30% {
        clip: rect(73px, 9999px, 24px, 0);
      }
      35% {
        clip: rect(44px, 9999px, 97px, 0);
      }
      40% {
        clip: rect(67px, 9999px, 38px, 0);
      }
      45% {
        clip: rect(45px, 9999px, 76px, 0);
      }
      50% {
        clip: rect(95px, 9999px, 18px, 0);
      }
      55% {
        clip: rect(46px, 9999px, 82px, 0);
      }
      60% {
        clip: rect(39px, 9999px, 17px, 0);
      }
      65% {
        clip: rect(25px, 9999px, 17px, 0);
      }
      70% {
        clip: rect(77px, 9999px, 90px, 0);
      }
      75% {
        clip: rect(2px, 9999px, 57px, 0);
      }
      80% {
        clip: rect(70px, 9999px, 100px, 0);
      }
      85% {
        clip: rect(3px, 9999px, 12px, 0);
      }
      90% {
        clip: rect(11px, 9999px, 93px, 0);
      }
      95% {
        clip: rect(4px, 9999px, 55px, 0);
      }
      100% {
        clip: rect(52px, 9999px, 28px, 0);
      }
    }

    .glitch:before{
      content:attr(data-text);
      position:absolute;
      left:-2px;
      text-shadow:1px 0 blue;
      top:0;
      color:white;
      background:#f00;
      overflow:hidden;
      clip:rect(0,900px,0,0);
      animation:noise-anim-2 3s infinite linear alternate-reverse;
    }

@media(max-width: 767px) {
    .name-wrapper {
        font-size: 1rem;
    }
}