JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="cont">
        Test<br>
        <input type="text" placeholder="edit">
    </div>
</div>

CSS

#wrap {
    position: relative;
    display: inline-block;
}
#cont {
    width: 200px;
    height: 200px;
    border: 1px solid #aaa; /*To show the boundaries of the element*/
}
#cont:before {
    position: absolute;
    content: '';
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    pointer-events: none;
}