JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
     <img src="http://placekitten.com/300"/>
</div>

CSS

.item {
    overflow: hidden;
    width:300px;
    height: 300px;
    background: green;
}

.item img{
    transition:all .5s ;
}

.item img:hover{
    -webkit-filter: blur(5px);
    /*almost helps.
    -webkit-transform:scale(1.2);
*/
}