CSS
body {
background: #020202;
}
div.outer {
background: url('http://www.clipartbest.com/cliparts/9cp/5K8/9cp5K8dcE.jpeg') no-repeat center;
width: 300px;
height: 300px;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 10;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,.5) inset;
}
.inner {
background: url('http://www.clipartbest.com/cliparts/9cp/5K8/9cp5K8dcE.jpeg') no-repeat center;
width: 300px;
height: 300px;
background-size: cover;
-webkit-filter: blur(20px);
transform: scale(1.1);
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
