JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <div id="banner-container">
        <div id="banner">
            <a href="/index">
                <img src="http://pentaonestop.designangler.com/_images/layout/PentaOneStop_headerLogo.png" class="img-center" />
            </a>
        </div>
    </div>
</header>

CSS

header{
  position: relative;
  width: 100%;
  height: 65px;
  background-color: #662D91;
}

#banner-container{
    position: relative;
    margin: 0 auto;
    width: 980px;
}

#banner{
  position: absolute;
  left: 50%;
  margin-left: -240px;
  width: 480px;
  height: 115px;
  border-radius: 20px;
  text-align: center;
}