JSFiddle - React, Tailwind, and code Playground

by Jim_Toth

HTML

<div id="div1"><div id="div2"></div></div>

CSS

#div2{
   width: 451px;
   height: 291px;
        background-image: url(http://inserthtml.inserthtml.netdna-cdn.com/wp-content/uploads/2012/06/f1.jpg);
    background-size: cover;
    filter: blur(7px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    margin: 0 0 0 -1px;
    position: absolute;
    left: 0;
    top: 0;
}

#div1{
    width: 450px;
    height: 290px;
    overflow: hidden;
    margin:20px;
    no-border: 1px #F00 solid;
    position: relative;
}