This is because the interaction triggers are interfering with each other. If you hover slowly across them, it works - only when moving the mouse fast it “glitches”.
One thing I found, which causes issues is that on each interaction, you set the default text as initial state. The text is already set to
block via the styling. If you can stay away from the “set as initial state” and just have the element be styled the same on page load.
I did that, but the issue was not fixed.
You could work around the “glitching” by positioning all the texts absolutely on top of each other, with the default text at the very bottom (z-index) and give them all the bg color so only one can be seen, regardless of the “glitching”