JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item-one"></div>

CSS

.item-one { 
    height: 345px;
    width: 256px;    
    background: url('http://placehold.it/256x345') scroll no-repeat center center;
    background-size: cover;
	-webkit-transition: background-size 1500ms linear;
	-moz-transition: background-size 1500 linear;
	-o-transition: background-size 1500 linear
	-ms-transition: background-size 1500ms linear;
	transition: background-size 1500ms linear;
}

.item-one:hover {
    background-size: 150%;  
}