figure.glitch {
  position: fixed;
  opacity: 0.9;
  margin-right: 0px;
  width: 435px;
  right: 0px;
  bottom: -20px;
  z-index: 4;
}
@keyframes figure-glitch-anim-1 {
  0% {
    clip: rect(279px, 1000px, 934px, 0);
  }
  5% {
    clip: rect(946px, 1000px, 382px, 0);
  }
  10% {
    clip: rect(831px, 1000px, 867px, 0);
  }
  15% {
    clip: rect(205px, 1000px, 242px, 0);
  }
  20% {
    clip: rect(568px, 1000px, 268px, 0);
  }
  25% {
    clip: rect(76px, 1000px, 511px, 0);
  }
  30% {
    clip: rect(925px, 1000px, 50px, 0);
  }
  35% {
    clip: rect(209px, 1000px, 704px, 0);
  }
  40% {
    clip: rect(640px, 1000px, 716px, 0);
  }
  45% {
    clip: rect(584px, 1000px, 275px, 0);
  }
  50% {
    clip: rect(614px, 1000px, 125px, 0);
  }
  55% {
    clip: rect(743px, 1000px, 908px, 0);
  }
  60% {
    clip: rect(589px, 1000px, 367px, 0);
  }
  65% {
    clip: rect(212px, 1000px, 317px, 0);
  }
  70% {
    clip: rect(53px, 1000px, 145px, 0);
  }
  75% {
    clip: rect(953px, 1000px, 960px, 0);
  }
  80% {
    clip: rect(578px, 1000px, 157px, 0);
  }
  85% {
    clip: rect(709px, 1000px, 729px, 0);
  }
  90% {
    clip: rect(164px, 1000px, 217px, 0);
  }
  95% {
    clip: rect(441px, 1000px, 915px, 0);
  }
  100% {
    clip: rect(628px, 1000px, 460px, 0);
  }
}
@keyframes figure-glitch-anim-2 {
  0% {
    clip: rect(14px, 1000px, 263px, 0);
  }
  5% {
    clip: rect(858px, 1000px, 51px, 0);
  }
  10% {
    clip: rect(289px, 1000px, 555px, 0);
  }
  15% {
    clip: rect(519px, 1000px, 118px, 0);
  }
  20% {
    clip: rect(639px, 1000px, 740px, 0);
  }
  25% {
    clip: rect(34px, 1000px, 153px, 0);
  }
  30% {
    clip: rect(3px, 1000px, 6px, 0);
  }
  35% {
    clip: rect(396px, 1000px, 448px, 0);
  }
  40% {
    clip: rect(872px, 1000px, 910px, 0);
  }
  45% {
    clip: rect(517px, 1000px, 290px, 0);
  }
  50% {
    clip: rect(645px, 1000px, 705px, 0);
  }
  55% {
    clip: rect(75px, 1000px, 429px, 0);
  }
  60% {
    clip: rect(678px, 1000px, 232px, 0);
  }
  65% {
    clip: rect(340px, 1000px, 214px, 0);
  }
  70% {
    clip: rect(190px, 1000px, 422px, 0);
  }
  75% {
    clip: rect(716px, 1000px, 348px, 0);
  }
  80% {
    clip: rect(138px, 1000px, 848px, 0);
  }
  85% {
    clip: rect(831px, 1000px, 19px, 0);
  }
  90% {
    clip: rect(7px, 1000px, 621px, 0);
  }
  95% {
    clip: rect(77px, 1000px, 686px, 0);
  }
  100% {
    clip: rect(37px, 1000px, 530px, 0);
  }
}
figure.glitch span.red,
figure.glitch span.blue {
  clip: rect(0, 0, 0, 0);
}
figure.glitch span.red {
  top: 0;
  left: 2px;
  animation: figure-glitch-anim-1 2s infinite linear alternate-reverse;
}
figure.glitch span.blue {
  top: 0;
  left: -2px;
  animation: figure-glitch-anim-2 3s infinite linear alternate-reverse;
}
figure.glitch img {
  display: block;
}
figure.glitch span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.glitch span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
figure.glitch span.default {
  position: relative;
  z-index: 3;
}
figure.glitch span.red {
  z-index: 4;
}
figure.glitch span.red img {
  -webkit-filter: invert(0.8);
  filter: invert(0.8);
}
figure.glitch span.blue {
  z-index: 5;
}
figure.glitch span.blue img {
  -webkit-filter: contrast(10);
  filter: contrast(10);
}
