JSFiddle - React, Tailwind, and code Playground

by halirgb

HTML

<div class="center">
    <img class="center-img" src="http://lorempixel.com/g/400/200/" alt="" />
</div>

CSS

.center{
    text-align:center;
}

JavaScript

function centerImage(img){
    var windowHeight = $(window).height() / 2;
    var imgHeight = $(img).height() / 2;
    $(img).css('margin-top', windowHeight - imgHeight)
}

 centerImage('.center-img');

$(window).resize(function(){
     centerImage('.center-img');
});