Can't click below transparent div

Design help General
1

Hello, I am building a website where I have a fixed border around the page and four page links at the corners.

1st problem: I want my content to scroll below the border but its div, despite being transparent, prevents me from clicking videos and selecting paragraphs.
How can I click below transparent divs?

You can try to click here:
https://bartolini.webflow.io/

BlxG
BlxG1653×446 152 KB

2nd problem: for some reason I get a horizontal scroll as if the contents were larger than the screen. Why is this happening?

BlxG2
BlxG21680×664 53.3 KB

Thank you

Here is the webflow project:
https://preview.webflow.com/preview/bartolini?utm_medium=preview_link&utm_source=designer&utm_content=bartolini&preview=d505b8d3f6a1d259028be9e5348eb77d&mode=preview

2

Use opacity background to see the problem (The div on top of all site content).

It’s a little tricky to solve this. Read here:

Add this custom code (Remember do not change class names -or- update CSS selectors code).

<style>
.div-block-6 {
    pointer-events: none; /* prevents all click, state and cursor options on the specified HTML element */
}
.div-block-6 a{
  pointer-events: initial; /* remote none from links */
}
</style>