JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
   <div id="innerwrapper">
    <img />
    <img />
    <img />
    <img />
    <img />
    <img />
    <img />
   </div>
</div>

CSS

#wrapper { height: 100px; overflow: auto; width: 500px; overflow-y: hidden;}
img {height: 100px; width: 200px; position: relative; display: inline-block; float: left; }
#innerwrapper { width: 1200px; position: relative;}