SVG Logo Chromatic Glitch Effect

While working on the blend mode overview, I wanted to create a subtle glitchy effect for the logo. It's not much, but I also wanted it to be relatively subtle, and I did not want to add additional HTML elements.

<div class="logo w-24 ">
    BLEEPBLOOP studio
</div>

By using mask with an SVG, I could have it retain its outline, instead of how this effect is usually done.

See the Pen Subtle Logo SVG Blend Mode Animation by Nils Riedemann (@nocksock) on CodePen.