glitchy text animation (css/html)

<style>
.glitched {
animation: glitch-1 2s infinite linear;
}

@keyframes glitch-1 {
0%,
13%,
15%,
52%,
55%,
84%,
87%,
100% {
opacity: 1;
transform: scaleX(1) scaleY(1);
}

14% {
opacity: .9;
transform: scaleY(2);
color: #;
}

53% {
opacity: .8;
transform: scaleX(.7);
color: #;
}

85% {
opacity: 8;
transform: rotate(-10deg);
color: #;
}
}

@keyframes glitch-2 {
14% {
color: #;
}

53% {
color: #;
}

85% {
color: #;
}
}
</style>
<div class="glitched">Glitchy</div>