JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">

    <div id="container">
        <img src="http://placekitten.com/g/400/600" alt=""></img>
    </div>
    
</div>

CSS

#wrap {
    text-align: center;
}

#container {
    display: inline-block;
    border: 1px solid red;
    max-width: 75%;
    max-height: 75%;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}