@keyframes squiggly-anim {
    0% { filter: url('./../res/effects/squiggly.svg#frame-0') }
    25% { filter: url('./../res/effects/squiggly.svg#frame-1') }
    50% { filter: url('./../res/effects/squiggly.svg#frame-2') }
    75% { filter: url('./../res/effects/squiggly.svg#frame-3') }
    100% { filter: url('./../res/effects/squiggly.svg#frame-4') }
}

@keyframes squiggly-small-anim {
    0% { filter: url('./../res/effects/squiggly_small.svg#frame-0') }
    25% { filter: url('./../res/effects/squiggly_small.svg#frame-1') }
    50% { filter: url('./../res/effects/squiggly_small.svg#frame-2') }
    75% { filter: url('./../res/effects/squiggly_small.svg#frame-3') }
    100% { filter: url('./../res/effects/squiggly_small.svg#frame-4') }
}

@keyframes squiggly-big-anim {
    0% { filter: url('./../effects/squiggly_big.svg#frame-0') }
    20% { filter: url('./../effects/squiggly_big.svg#frame-1') }
    40% { filter: url('./../effects/squiggly_big.svg#frame-2') }
    60% { filter: url('./../effects/squiggly_big.svg#frame-3') }
    80% { filter: url('./../effects/squiggly_big.svg#frame-4') }
    100% { filter: url('./../effects/squiggly_big.svg#frame-5') }
}