JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.kidsmathgamesonline.com/images/pictures/shapes/rectangle.jpg" class="header" />
<div class="body-middle"></div>

CSS

.header {
    width:100%;
    height:auto;
    padding:0px;
    margin:0px;
    display:block;
}
.body-middle {
    height:50px;
    width:100%;
    margin:0 auto;
    background: red url('http://www.clipartsfree.net/vector/large/simple_green_rectangle_Vector_Clipart.png') 0 0 repeat;
    background-size:contain;
    background-position:center top;
}