Scale multiple elements in relation to mouse x, y position

Hello!

I have been banging my head, trying to work out how to achieve an interaction that works like this:

At first I imaged webflow would be able to handle this well with the ‘hover over element’ command however it appears that this can only apply to one element at a time instead of running various interactions at once.

I suspect I may need some custom code. If so would love to be pointed in the right directions on how to achieve this.

(Ideally i’d also like to do this will a CMS list. But giving collection items their own relative postion in a grid seems to also be it’s own issue, so open to entering these images individually)

For context I have used webflow a fair bit and implemented some custom code scripts into my site but don’t have experience writing my own