JSFiddle - React, Tailwind, and code Playground

HTML

<section class="custom-header-option">
</section>

<div class="content-wrap">
    <p>here is content</p>
</div>

CSS

.custom-header-option {
    background-image: url('http://unplugged.ee/wp-content/uploads/2013/03/frank2.jpg');
    max-width: 100%;
    height: 400px;
    margin-top: 0px;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    background-position:center!important;
}

.content-wrap {
    width: 100%;
    height: 200px;
    background-color: grey;
    color: #fff;
}