JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<div id='container'>
    <div id="start"></div>
    <div id="startbox">Lorem ipsum lorem ipsum</div>
</div>

CSS

#container {
    position: relative;
}

#start{
    background: url('http://placekitten.com/700/1000') no-repeat;
    background-size: 100%;
    height:1000px;
  -webkit-filter: blur(5px);
    filter: blur(5px);
}

#start {
  
}

#startbox{
    position: absolute;
    top: 20%;
    left: 20%;
    background: rgba(0, 0, 13, 0.4);
    margin-right: 250px;
    margin-left: 250px;
    height: 350px;
    border-radius: 10px;
    padding: 30px;
    width: 100px;
    color: white;
    }