No need to code here, beauty of webflow (I guess ).
I manage to reproduce a very similar effect just using interaction with while mouse is over.
I added a few screenshots to illustrate a bit more but if you go through interactions tutorials in the webflow university and feel comfortable with it you will already be more than half way.
Reverse engineering is just starting from a solution and find what was the problem to solve.
So if you analyse this animation it is just 4 rectangles which change their proportion (%) on screen depending on where the mouse is.
The top part and bottom part adjust their height on the Y axis mouse position and the left and right of each part adjust their width on the X axis mouse position.
As for the fruit/veg illustration it correspond to the behaviour of a background image setup to repeat tile and size contained.