JSFiddle - React, Tailwind, and code Playground

by Victor Alekseev

HTML

<div id="perent">
<div id="child">
</div>
</div>

CSS

#perent {
  width:480px;
  height:480px;
  overflow:hidden;
  position:relative;
}

#child {
  height:500px;
  width:500px;
  background:url('http://www.cruzo.net/user/images/k/ecc3ecf42c75db1ffce5d06cbe95b1e6_644.jpg') no-repeat center center;
  background-size:cover;
  -webkit-filter:blur(50px);
  -moz-filter:blur(50px);
  -o-filter:blur(50px);
  filter:blur(10px);
  position:absolute;
  top:-10px;
  left:-10px;
}