JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a" onmouseover="animate()" style="width: 200px; height: 70px; border: 1px solid; background: url('http://www.wpclipart.com/food/fruit/apple/apples_4/apple_honeycrisp_small.png') no-repeat;background-size: 100% 100%; -webkit-transition-duration:1s"></div>

JavaScript

function animate() {
     document.getElementById('a').style.webkitTransitionDuration = '1s';
     document.getElementById('a').style.backgroundSize = "200% 200%";
 }