JSFiddle - React, Tailwind, and code Playground

by Alan Doe

HTML

<div class="mask">
  
  <div class="container">
  </div>
  
</div>

CSS

body
{
  background-size:cover;
  background-repeat:no-repeat;
  background-image:url(http://www.denarend.com/miscellaneous/webmaster/translucent_backgrounds/images/colors/1-blacklighter01.png);
}
.mask
{
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background:rgba(255,255,255,.4);
  padding-top:100px;
}

.container
{
  width:600px;
  height:150px;
  margin-right:auto;
  margin-left:auto;
  box-shadow:0 0 2px rgb(240,240,240);
  background:rgba(220,220,220,.8);
  border-radius:5px;
}