JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
		
		<div id="wrap">
			<div class="header">
                <span class="img_frame"></span>
                    <img src="http://phone.pe.hu/main_logo_white.png" height="30px"/>
			</div>
		</div>
	</div>

CSS

#wrap .header {
    position:relative;
    background:transparent url('backgrounds/header7_814_opacity40.png') no-repeat;
    background-color: rgba(35, 81, 112, 0.9);
    opacity: 0.8;
    width:598px;
    height:72px;
    text-align: center;
    display: block;    
}

.img_frame {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
img{
    vertical-align: middle;
    max-height: 72px;
    max-width: 598;
}