Mouse hover interaction not working efficiently, hover area wrong

Hi all… I am trying to set up mouse hover interaction. But having difficulty setting the hover area to which the animation should start. The images have been offset to allow overlap. That is where the difficulty started. Also it effect the page load animation on the phone and tablet. I have included a video showing the issue at hand. In other words if I hover over a portions of the image nothing happens. Any suggestion/support would be much appreciated.

Link to video: Webflow mouse hover interaction not working efficiently, hover area wrong - YouTube