JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-container">
  <img src="http://placehold.it/350x350">
</div>

CSS

div {
  width: 400px;
  height: 500px;
  background-color: #888;
}

img {
    max-height: 400px;
}

JavaScript

$(document).ready(function () {
	var imgContHeight = $('.img-container').height();
  var image = $('.img-container img');
  var imgHeight = image.height();
	
  image.css({
  		marginTop: (imgContHeight - imgHeight) / 2
  });

});