Menu bar animation when you hover over a particular image

Hi guys,

This is my first project. In my design I have made a menu bar of sorts on the left. (have placed text blocks one below the other). Now I want this text to get animated when the mouse hovers over the image on the right ( hovering over the 1st image triggers 1st text so on and so forth)

https://preview.webflow.com/preview/monali-daghas-cool-project?utm_medium=preview_link&utm_source=designer&utm_content=monali-daghas-cool-project&preview=c3a7bea5f0f5cf065f75a8b1dbab97d3&mode=preview

I have achieved this by placing each image and the text associated with it in a div block and have given a mouse hover interaction to it, so I have 3 div block for each of my text and image. I have adjusted the spacing of all the with padding and margin.

I have a feeling that I may have not done this correctly and there would be a better way of achieving the effect that i want to create here.

Kindly please help.