JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="img-holder">
        <img src="https://unsplash.it/500/300/?random">
    </div>
</div>

CSS

.container{ width: 90%; height:400px; margin: 50px 5%; overflow:hidden; position:relative; }
.img-holder{ position:absolute; left:0; top:0; bottom:0; right:0; transform:scale(1.2,1.2); }
.img-holder img{ width:100%; height:100%; -webkit-filter:blur(15px); -moz-filter:blur(15px); filter:blur(15px); }