I am new to CSS and trying to handle a scenario mentioned as below

A container with a tag with Z index 10 having a sibling element with tag of Z index 20.
I want the white-space created by the div tag on the right mentioned in dots in SS to be also clickable which mean the div tag should be restrictive with it’s content. (https://i.sstatic.net/oT1chOvA.png)

I tried to look at opacity property of Tailwind CSS but could not help much.