JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
<div class="test"></div>
</div>

CSS

.header {
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 269px;  
    margin:0 auto;
    padding:0px;
    position: relative;
    background-position: center top;
    background-color: orange;
    overflow: hidden
}


div.test {
    position: relative;
    width: 815px;
    height: 74px;
    margin-bottom:100px;
    margin-right:100px;
    background: black;
}