JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <img src="http://www.gravatar.com/avatar/439db9ac83f4ea14a904390900ec6634?s=32&d=identicon&r=PG" alt="" style="float: left; margin: 0 10px 10px 0" />
    <p>
        Sed congue pulvinar metus, non sagittis lectus eleifend et? Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet; tortor vitae euismod porta, ipsum erat cursus nunc, id adipiscing libero massa ut felis. Maecenas sodales, felis nec auctor ornare, lorem diam blandit risus, quis tincidunt ipsum massa et neque. Pellentesque non ante ipsum. Sed ut arcu augue, et mattis eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse eget felis justo; at tincidunt tortor. Vestibulum sed eros eget quam vulputate fringilla. Sed in lorem sagittis nisi luctus faucibus! Nam sed massa eget diam sollicitudin sagittis. Integer non pretium nibh. Etiam est nunc, rutrum in viverra non; feugiat nec lorem. Mauris egestas elit in sem hendrerit pulvinar. Praesent at sapien libero; quis vehicula justo. Morbi malesuada ornare purus, sed laoreet mi placerat ut.
    </p>
    
    <p>
        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris tincidunt, ipsum et accumsan aliquam, tortor urna vestibulum urna, eu semper elit nulla ut elit. Nullam leo velit; ultricies nec dapibus vel, eleifend vitae massa. Cras vulputate dui et tellus dignissim bibendum. Mauris porttitor dapibus ornare. Nam vestibulum pellentesque augue, eget hendrerit nisl fermentum tempus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum accumsan sollicitudin hendrerit. Nam sit amet mi urna, vehicula placerat tortor. Donec nec purus non orci cursus accumsan quis at tellus. Maecenas elit tortor, fringilla nec commodo ac, consequat quis libero. Nullam gravida turpis eu tellus gravida sodales varius nulla tristique.
    </p>
    
    <p>
        Donec porttitor condimentum luctus. Morbi sit amet...

CSS

div.parent {
    position: relative;
}

/* this div is a descendent of the div above */
div.child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    background: #fff;
    pointer-events: none
}

JavaScript

$('p').click(function() {
 alert('You clicked a paragraph!');
});