JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="background"></div>
    <div class="content">Hello World!</div>
</div>

CSS

body { background-color:#000 }

.wrapper { height:200px; left:50%; margin:-100px 0 0 -100px; position:absolute; top:50%; width:200px }

.wrapper > .background,
.wrapper > .content { height:100%; left:0px; position:absolute; top:0px; width:100% }

.wrapper > .background { background-color:#fff; filter:alpha(opacity=60); opacity:0.6 }