Can CSS fix my Zoomed photo from being clipped?

HTML & CSS
1

This is my first Post

Can CSS fix my Zoomed photo from being clipped?

The site is yet not LIVE to share a link with you.

I am using a javascript Zoomed photo effect on a site.
Roll the mouse over and the photo is enlarged by 3 times.

But this zoomed version of the image is being clipped by the various
DIV containers that the image is starting from.

Is there some CSS that will allow the zoomed image to overflow past the boundary of the containing DIVs?
I thought the default for the OVERFLOW rule is to display past the boundary.

Any thoughts on what I can try to get this to work?
The site is yet not LIVE to share a link with you.

Thanks

2

You can use relative positioning and a z-index to modify the stacking order and put your image to the front. Also make sure that the problem isn’t occurring to do a container having overflow:hidden set on it.