Hidden objects still appear on top of other elements when hidden in HTML5 output

Hi, I have an issue here with layering and/or show/hide functions.

I have a "Help" screen (group of objects) that opens on top of everything (it's on the top layer of the slide) via a button click to "Show" that group. The background of this group is a smart shape, used as a button, so that when a user clicks anywhere on the screen, the Help screen "Hides".

Behind this Help screen, I have a Web Object, that pulls in a video. The video utilizes the native browser HTML5 video controls, but these are being blocked by the Help screen group. Even when it is "hidden" (closed) by the user, it still appears as a div in HTML5 output on top of the video, preventing the user from interacting with the video controls.

Is there a way to actually hide/remove this group, not just visually? In CSS this would be the equivalent of "display:none" (which will actually remove the div) as opposed to "visibility:hidden" (which leaves it there, just not displaying anything).

I tried "disabling" the background smart shape button with an advanced action, and that didn't work. I was hoping there'd be a way to have an empty state for that shape button, that I could toggle to upon close, but apparently that's not possible. My other thought was to attempt to change layer order (z-index) with some actions, but I have not yet found a way to do that, if it is even possible (thinking not).

At this time I am out of ideas, so hoping someone can enlighten me!

Thanks,

J