How to add text div on top of another div while keeping the ability to hover over the div below it?

Question

The following code is a simplified version of the problem im facing, know that the text has to be a separate div which will be placed on top using positioning, in short the text