JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header"><div class="logo"><h1 class="title ir">h1.title</h1></div><div class="navigation"><p>navigation goes here</p></div></div>

CSS

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
    
    background-image: url(http://i.imgur.com/yYnyJ.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.header {height:300px;}
.logo {width: 30%; float:left; height: 100%;}
.logo h1 {display:block;}
.navigation {float:left; width: 65%;}