JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:900px; height:500px; overflow:hidden; text-align:center;">
        <img id="pan-zoom" style="width:900px; height:600px; position:relative; top:-80px; left:0;" alt="European Bee-eaters" src="http://upload.wikimedia.org/wikipedia/commons/9/96/Pair_of_Merops_apiaster_feeding.jpg" />
        </div>
<!-- Photo CC-BY-SA by Pierre Dalous  - Can be Found Here: http://commons.wikimedia.org/wiki/File:Pair_of_Merops_apiaster_feeding.jpg -->

CSS

html, body{
    background:#000;
}

JavaScript

$(window).load(function() {
			 $('#pan-zoom').animate({
				width: '2141px',
				height: '1428px',
				top: '-200px',
				left: '-405px'
			 }, 8000, function() {
					// Fade In Hidden DIV
			});
		});