'Line' animation on click


I’m having trouble creating this animation/click effect on my website:


This is made in Adobe Xd with auto animate so it was quite easy but I have no clue on how to do this in Webflow.
On click I want to: make the line move to the item that’s being clicked on (it’s not really a line, it’s a very simple illustration of a pipe/tube), resize the line to match the length of the text, make the text bold (& make the image change but I’m pretty sure I can figure that on my own.

It would be great if anyone can help me or point me in the right direction!

Here is my site Read-Only: Webflow - Tubeworkx