JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
    <span></span>
    <img src="http://www.google.com/images/srpr/logo11w.png" />
</div>

CSS

.header {
   height: 20vh;
   background: #cecece;
   margin: 0px;
   text-align: center;
}
.header span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.header img {
    max-height: 80%;
    max-width: 100%;
    vertical-align: middle;
}