:root {
  --speed: .6s;
  --speed-top: .25s;
  --speed-bottom: .25s;
}



.container_badd {
  width: 250px;
  height: 78px;
  position: relative;
  -webkit-animation: glitch var(--speed) infinite;
          animation: glitch var(--speed) infinite;
}

.badd {
  width: 250px;
  height: 78px;
  position: absolute;
  background: url("logo.png");
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  background-size: cover;
  filter: drop-shadow(2px 0 #ff00c166) drop-shadow(-4px 0 #00f4ff66);
}
.badd:nth-child(2) {
  filter: drop-shadow(4px 0 red);
  opacity: 0.7;
  left: 4px;
  -webkit-animation: glitch-top var(--speed-top) infinite;
          animation: glitch-top var(--speed-top) infinite;
}
.badd:nth-child(3) {
  filter: drop-shadow(-2px 0 blue);
  opacity: 0.7;
  left: -4px;
  -webkit-animation: glitch-bottom var(--speed-bottom) infinite;
          animation: glitch-bottom var(--speed-bottom) infinite;
}

@-webkit-keyframes glitch {
  0%, 100% {
    transform: translate(0);
  }
  20%, 60% {
    transform: translate(-2px, 2px);
  }
  40%, 80% {
    transform: translate(2px, -2px);
  }
}

@keyframes glitch {
  0%, 100% {
    transform: translate(0);
  }
  20%, 60% {
    transform: translate(-2px, 2px);
  }
  40%, 80% {
    transform: translate(2px, -2px);
  }
}
@-webkit-keyframes glitch-top {
  0%, 100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 25%, 0 25%);
            clip-path: polygon(0 0, 100% 0, 100% 25%, 0 25%);
    transform: translate(1px, 1px);
  }
  50% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 75%, 0 75%);
            clip-path: polygon(0 50%, 100% 50%, 100% 75%, 0 75%);
    transform: translate(-1px, -1px);
  }
}
@keyframes glitch-top {
  0%, 100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 25%, 0 25%);
            clip-path: polygon(0 0, 100% 0, 100% 25%, 0 25%);
    transform: translate(1px, 1px);
  }
  50% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 75%, 0 75%);
            clip-path: polygon(0 50%, 100% 50%, 100% 75%, 0 75%);
    transform: translate(-1px, -1px);
  }
}
@-webkit-keyframes glitch-bottom {
  0%, 100% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 75%, 0 75%);
            clip-path: polygon(0 50%, 100% 50%, 100% 75%, 0 75%);
    transform: translate(-1px, -1px);
  }
  50% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
            clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
    transform: translate(1px, 1px);
  }
}
@keyframes glitch-bottom {
  0%, 100% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 75%, 0 75%);
            clip-path: polygon(0 50%, 100% 50%, 100% 75%, 0 75%);
    transform: translate(-1px, -1px);
  }
  50% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
            clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
    transform: translate(1px, 1px);
  }
}