Streaming live at 10am (PST)

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)

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.