JSFiddle - React, Tailwind, and code Playground

by zerolfc

HTML

<div id="obj1433240024986" class="ss-object ss-overlay desktop ss-single-img-cycle effect2 animated none " style="left: 116px;top: 45px;width: 320px;height: 320px;">
							
	</div>

CSS

.ss-overlay {
    width: 320px;
    height: 320px;
    overflow: hidden; 
    background-size: 100% 100%;
    background-position: center;
    background-image: url(https://psuk.s3.amazonaws.com/asset/css/ps/addimagecolour.jpg);  
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
   
}

.ss-overlay:hover {
     background-size: 120% 120%;   
}