JSFiddle - React, Tailwind, and code Playground

by Sillvva

HTML

<div class = "tint">
    <span class = "whitecontent">Hey -- I'm some content!</span>
</div>

CSS

html {
 background-image: url(https://picsum.photos/200/300);
    background-attachment: fixed;
    background-size: 100%;
}
html, body {
 min-height: 100%;
 min-wwidth: 100%;    
}
.tint {
    z-index: 1;
 height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.5);    
}
.whitecontent {
 color: white;
}