Solved Elements or Rows resizing on mouseover?

Hi,

I'm using Divi Builder to create my website and on some certain pages, I'm having an issue where elements are shifting contents below them on mouseover. It appears that the issue is only happening on interactive elements, for example, I have an image, and when I add an on-click link to the image it will resize either the image or the row it's in when you hover over it

I've tried setting the hover behaviour of the margin and padding of the elements but this has no affect

 

Just to add to this

I've narrowed it down to an icon overlay that is appearing when you hover over the image, I added the following CSS to my page which removes the icon but I think the styling is still being called?

.image-overlay-inside, .image-overlay.overlay-type-extern {
display: none!important;
}