JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
  <nav class="header-content columns" data-topbar role="navigation"> 
    <div class="logo-area">
      <img src="https://www.nycgo.com/images/uploads/homepage/Empire-State-Building-Observatory-Tom-Perry-2618.jpg">
    </div>
    <section class="header-content-section">

    </section>
  </nav>
</div>

CSS

.header-content .logo-area {
  display: flex;
  justify-content: center;
}
.header-content .logo-area img {
  width:250px;
  height:250px;
}