JSFiddle - React, Tailwind, and code Playground

by Bacher

HTML

<br />
<br />
<div>
    <input class="input1" type="password" />
</div>

<div id="overlay">
    <br />
    <br />
    <input class="input2" type="text" />
</div>

CSS

#overlay {
    top: 0;
    position: absolute;
    border: 1px solid black;
    width: 400px;
    height: 400px;
    background-color: rgba(0,0,0,.5);
    padding: 50px;
}

.input1 {
    background-color: blue;
    width: 400px;
    height: 100px;
}

.input2 {
    background-color: red;
    width: 300px;
    height: 70px;
}