JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<img onload="onLoadImage(this)" src="http://lorempixel.com/150/120"/>

CSS

img {position:fixed;display:none;}

JavaScript

window.onLoadImage=function onLoadImage(img){
    window.onresize=function(){placeImage(img)}
    placeImage(img);
    img.style.display='inline';
};

window.placeImage=function(img) {
    img.style.left=(window.innerWidth-img.width)/2+"px"; 
    img.style.top=(window.innerHeight-img.height)/2+"px"; 
}