$logos: (
    2: -1px,
    3: 1px,
    4: -2px,
    5: 2px,
);

.logo {
    @each $i, $left in $logos {
        &--#{$i} {
            clip: rect(0, 0, 0, 0);
            animation: svg-glitch-effect
                #{$i +
                2}s
                infinite
                linear
                alternate-reverse;
            left: $left;
        }
    }
}

$steps: 40;

@keyframes svg-glitch-effect {
    @for $i from 0 through $steps {
        #{percentage($i*(1/$steps))} {
            clip: rect(random(58px) + px, 6.75rem, random(58) + px, 0);
        }
    }
}