JSFiddle - React, Tailwind, and code Playground

by Marco

HTML

<div id="container"><img data-type='parallax' src="http://lorempixel.com/output/city-q-c-300-300-3.jpg" width="520" height="300"></div>

CSS

#container{
	height: 600px;
	width: 600px;
}

JavaScript

$(document).ready(function() {
     initialize();
})
function initialize() {
    $("[data-type='parallax']").each(function() {
		var wi=$(this).width()
		var he=$(this).height()
        var pW=$(this).parent().width()
		var pH=$(this).parent().height()
		if(wi<pW||he<pH){
			$(this).animate({'width':pW+'px','height':pH+'px'},1000)
			} 
    });
}