JSFiddle - React, Tailwind, and code Playground

HTML

<section style="text-align: center;">
  <header style="margin: 0px auto; width: 300px; background: orange;">&nbsp;</header>
  <div>
    <article style="overflow-x: auto; width: 100%; background: pink;">
      <img src="http://placekitten.com/10000/10" />
    </article>
  </div>
</section>

CSS

div article {
    position:relative;
    left: 50%;
    margin-left: -150px;
}