How to highlight text below a block?

Question

css

There are two blocks and text. One block with a background in the background, just above the text and in the foreground a block with a background-image (png), partially overlapping the text.
How to make it so that the user can select text on the site.
The HTML is something like this:

<div class="block__background-container"></div>
<h1>Text</h1>
<div class="block__background-container"></div>

Should be like this, but with a highlight

Answer 1

For the top layer, install pointer-events: none;
https://jsfiddle.net/rrwn8vnu/