How to make a child with position absolute visible everywhere except the parent?

Question

css

Sandbox
I'll even illustrate

. It is also necessary that the block be clickable and scrollable. I'm clarifying this, because I found a solution where a similar task was solved through z-index -1 and it simply blocked any interaction with the block, inside which the pocket was visible. And as I understand it, either the decision has not been brought to mind, or it needs to be decided differently.

Answer 1

https://codepen.io/tihomirovpro/pen/OJzqqZz