Expanding a single image across a grid with an interaction

Hey Y’all!

I am trying to get images that are in a grid to expand across the whole grid and display additional information when you click the learn more button.

I have been able to achieve this, how ever when it expands across the rest of the grid, it is only white space outside of its area. As if, it is behind the other grid sections. I have adjusted the Z index of the element, image and box. But its still doesn’t seem to workj

Here is my public share link: LINK
(how to access public share link)