CSS sprite animation white flash on reverse

Question

I made a simple sprite that is animated using CSS only.

@keyframes swordAttack {
    100% {
        background-position: 0 0;
    }
    50% {
        background-p