Bring object to front of display list

I’m trying to create an image class that I can reuse throughout a website I’m making.

When you click an image i want it to expand to fill the screen. When this happens obviously it will have to be at the top of the display list so that none of the other objects on the website are above it. The problem is that I want to be able to use this class throughout the website, even within containers that are beneath other objects so it seems impossible to simply bring it to the front easily?

Hopefully that makes sense; I’d appreciate any advice.

Thanks.

Edit: Maybe when you click an image it would create a replica on top of the current image but above all the other objects on the main stage - then expand that one instead of the original image in the container? Theres got to be a better method though… I can’t imagine this working too smoothly.