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;">
    <div class="img"></div>
</div>

CSS

.ss-overlay {
    width: 320px;
    height: 320px;
    overflow: hidden; 
}

.ss-overlay > .img {
    height:100%;
    width:100%;
    background-size: cover;
    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 > .img {
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);    
}