.glitch-image-wrap{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #121212;
}

.glitch-image {
  -webkit-animation: flick 80ms linear infinite;
          animation: flick 80ms linear infinite;
}
.glitch-image #canvas {
  height: 100vh;
  transform: rotateX(90deg);
  -webkit-animation: turnOn 100ms ease-in 500ms forwards;
          animation: turnOn 100ms ease-in 500ms forwards;
}
@-webkit-keyframes  {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes  {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.9;
  }
}
@-webkit-keyframes  {
  0% {
    transform: rotateX(90deg);
    filter: brightness(5);
  }
  100% {
    transform: rotateX(0);
    filter: brightness(1);
  }
}
@keyframes  {
  0% {
    transform: rotateX(90deg);
    filter: brightness(5);
  }
  100% {
    transform: rotateX(0);
    filter: brightness(1);
  }
}