JSFiddle - React, Tailwind, and code Playground

HTML

<div class="funky-image"><img src="http://users.sch.gr/ellhn/img/squared1.png" alt="" />

CSS

.funky-image, .funky-image img{
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
}

.funky-image:hover{
    padding-left:300px;
}
.funky-image:hover img{
    background-color:#0f0;
}