.text-center {
    text-align: center!important;
}
.error {
    color: #69b1ae;
    font-size: 7rem;
    position: relative;
    line-height: 1;
}

.error:before {
    content: attr(data-text);
    position: absolute;
    left: 8px;
    text-shadow: 1px 0 #751d69;
    top: 0;
    color: #00ffd5;
    background: #1a1a18;
    overflow: hidden;
    clip: rect(0,900px,0,0);
    animation: noise-anim-2 1s infinite linear alternate-reverse;
}
.error:after {
    content: attr(data-text);
    position: absolute;
    left: 14px;
    text-shadow: -1px 0 #751d69;
    top: 0;
    color: #5a5c69;
    background: #1a1a18;
    overflow: hidden;
    clip: rect(0,900px,0,0);
    animation: noise-anim 1s infinite linear alternate-reverse;
}
@-webkit-keyframes noise-anim{
  0%{clip:rect(89px,9999px,100px,0)}
  5%{clip:rect(4px,9999px,62px,0)}
  10%{clip:rect(43px,9999px,16px,0)}
  15%{clip:rect(2px,9999px,68px,0)}
  20%{clip:rect(12px,9999px,6px,0)}
  25%{clip:rect(89px,9999px,25px,0)}
  30%{clip:rect(15px,9999px,38px,0)}
  35%{clip:rect(57px,9999px,97px,0)}
  40%{clip:rect(24px,9999px,72px,0)}
  45%{clip:rect(81px,9999px,3px,0)}
  50%{clip:rect(93px,9999px,26px,0)}
  55%{clip:rect(68px,9999px,85px,0)}
  60%{clip:rect(43px,9999px,28px,0)}
  65%{clip:rect(44px,9999px,11px,0)}
  70%{clip:rect(17px,9999px,33px,0)}
  75%{clip:rect(74px,9999px,66px,0)}
  80%{clip:rect(100px,9999px,4px,0)}
  85%{clip:rect(92px,9999px,31px,0)}
  90%{clip:rect(93px,9999px,98px,0)}
  95%{clip:rect(23px,9999px,77px,0)}
  100%{clip:rect(92px,9999px,8px,0)}
}

@keyframes noise-anim{
  0%{clip:rect(89px,9999px,100px,0)}
  5%{clip:rect(4px,9999px,62px,0)}
  10%{clip:rect(43px,9999px,16px,0)}
  15%{clip:rect(2px,9999px,68px,0)}
  20%{clip:rect(12px,9999px,6px,0)}
  25%{clip:rect(89px,9999px,25px,0)}
  30%{clip:rect(15px,9999px,38px,0)}
  35%{clip:rect(57px,9999px,97px,0)}
  40%{clip:rect(24px,9999px,72px,0)}
  45%{clip:rect(81px,9999px,3px,0)}
  50%{clip:rect(93px,9999px,26px,0)}
  55%{clip:rect(68px,9999px,85px,0)}
  60%{clip:rect(43px,9999px,28px,0)}
  65%{clip:rect(44px,9999px,11px,0)}
  70%{clip:rect(17px,9999px,33px,0)}
  75%{clip:rect(74px,9999px,66px,0)}
  80%{clip:rect(100px,9999px,4px,0)}
  85%{clip:rect(92px,9999px,31px,0)}
  90%{clip:rect(93px,9999px,98px,0)}
  95%{clip:rect(23px,9999px,77px,0)}
  100%{clip:rect(92px,9999px,8px,0)}
}

.img {
    position: relative;
    width: 400px;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(logo_full.jpg);
}

.img::before,
.img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 400px;
  height: 300px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.img::before {
    left: -6px;
    animation: glitch-effect 2s infinite linear alternate-reverse;
    background-image: url(logo_full_red.jpg);
    opacity: 0.4;
}

.img::after {
    left: 6px;
    animation: glitch-effect 1s infinite linear alternate-reverse;
    background-image: url(logo_full_green.jpg);
    opacity: 0.4;
}

@keyframes glitch-effect {
    0% {
      clip: rect(36px, 400px, 277px, 0);
    }
    5.8823529412% {
      clip: rect(208px, 400px, 210px, 0);
    }
    11.7647058824% {
      clip: rect(76px, 400px, 261px, 0);
    }
    17.6470588235% {
      clip: rect(257px, 400px, 101px, 0);
    }
    23.5294117647% {
      clip: rect(187px, 400px, 6px, 0);
    }
    29.4117647059% {
      clip: rect(145px, 400px, 286px, 0);
    }
    35.2941176471% {
      clip: rect(216px, 400px, 217px, 0);
    }
    41.1764705882% {
      clip: rect(248px, 400px, 44px, 0);
    }
    47.0588235294% {
      clip: rect(134px, 400px, 211px, 0);
    }
    52.9411764706% {
      clip: rect(134px, 400px, 39px, 0);
    }
    58.8235294118% {
      clip: rect(26px, 400px, 293px, 0);
    }
    64.7058823529% {
      clip: rect(159px, 400px, 36px, 0);
    }
    70.5882352941% {
      clip: rect(127px, 400px, 43px, 0);
    }
    76.4705882353% {
      clip: rect(207px, 400px, 127px, 0);
    }
    82.3529411765% {
      clip: rect(70px, 400px, 157px, 0);
    }
    88.2352941176% {
      clip: rect(145px, 400px, 274px, 0);
    }
    94.1176470588% {
      clip: rect(260px, 400px, 58px, 0);
    }
    100% {
      clip: rect(60px, 400px, 138px, 0);
    }
  }