JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
      <img src="http://randomimage.net/wp-content/uploads/images/234/colorful_chameleon.jpg" />
    </div>

CSS

#outer{
      width: 690px;
      height: 440px;
      position: relative;
    }
    #outer img{
      width: 690px;
      height: 440px;
      position: absolute;
      top: 0px;
      left: 0px;
    }

JavaScript

//Earlier
$("#outer img").data("width", 690);
$("#outer img").data("height", 440);

$image = $("#outer img");
    scale = 1.16;
    var w = parseInt($image.data("width")); //Set earlier to 690px
    var h = parseInt($image.data("height")); //Set earlier to 440px
    $image
      .animate({
        width: w*scale,
        height: h*scale,
        left: -(((w*scale) - w)/2),
        top: -(((h*scale) - h)/2)
      }, 5000, "linear");