Trying to get text to animate left and right simultaneously

Hello guys, so I have an interaction I want to achieve where 2 separate texts converge on hover.
There are 2 pieces of text in a flexbox, justified with space between, so on hover, I want the 2 texts to move closer together on the horizontal x-axis. I’ve set up the animation, but when I test the animation, only the text on the right side moves.

Any help will be much appreciated.