JSFiddle - React, Tailwind, and code Playground

by Sub Lines

HTML

<div id="banner"></div>
<div id="screen">NOT BLURRY</div>

CSS

body {
      position: absolute;
      top: 0; bottom: 0; left: 0; right: 0;
      height: 100%;
}

#banner {
      position: absolute;
      width:100%; 
      max-width:1400px;
      height:350px; 
      background-image:url('http://tny.im/2sm'); 
      -webkit-filter: blur(2px);
      overflow:hidden;
 }

#screen {
      position: absolute;
      width:450px; 
      height:300px; 
      border-radius:3px ;
      background-color: rgba(0,0,0,.5); 
      color: white;
      padding: 10px;
      margin:20px; 
}