JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="overlay"></div>
    <label>
        <input type="checkbox"/>a overlay checkbox label
    </label>
</div>

CSS

.main {
    position: relative;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #13688c;
    opacity: 0;
}