JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <img class="child" src = "http://wiki.guildwars.com/images/thumb/6/60/User_Jette_awesome.svg/2048px-User_Jette_awesome.svg.png" />
</div>

CSS

.parent{
    width:300px;
    height:300px;
    position:relative;
    border:1px solid red;
    padding:10px;
}

.child{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    max-height:300px;
    max-width:300px;
}