JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Родитель резиновый. Я для удобства сделал фикс.</h1>
        <div id="photo-wrap">
            <img src="http://img1.goodfon.ru/wallpaper/big/c/a7/kotenok-glaza-leto-fon.jpg"></div>

CSS

#photo-wrap{
	background-color: red;
	height: 300px;
    width: 600px;
  text-align: center;
    line-height:300px;
}
#photo-wrap img{
	display: inline-block;
	max-height: 100%;
	max-width:100%;
	vertical-align: middle;

}