JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bg-filter">
    <div><div></div></div>
</div>

CSS

.bg-filter{
    width:300px;
    height:300px;
    background-image:url(http://up.qqya.com/allimg/201710-t/17-101804_131806.jpg);
    background-size:100% 100%;
    background-repeat:no-repeat;
    position:relative;
}
.bg-filter>div{
    position:absolute;
    width:100px;
    height:100px;
    left:200px;
    top:200px;
    overflow:hidden;
}
.bg-filter>div>div{
    position:absolute;
    top:-10px;
    left:-10px;
    right:-10px;
    bottom:-10px;
    background-image:url(http://up.qqya.com/allimg/201710-t/17-101804_131806.jpg);
    /* background-size:300px 300px; */
    background-size:400px 400px;
    background-position:-190px -190px;/*x:200px+(-10px)*/
    -webkit-filter:blur(3px);
            filter:blur(3px);
}