How to overlap my transparent header and hero banner

Question:
I want my header and hero image to overlap.

Product:
Wix Studio

What are you trying to achieve:
I have my header opacity at 60%. I want my banner to be viewable underneath it. As it is, the header is above the banner.

What have you already tried:
Everything I can think of. I tried to set the padding/margin/docking of the banner to negative the size of the header.

Additional information:

Screenshot from regular Wix that hopefully shows up of what I am trying to achieve.

click on the header and on the right design tools change the header position type to pinned. You can then add a scroll effect to the header also.