JSFiddle - React, Tailwind, and code Playground
HTML
<div id="scroller_shadow">
<div id="scroller_shadow_tile">
<img src="http://howardash.plentycontent.com/images/ui/about-tile.jpg" alt="" />
<img src="http://howardash.plentycontent.com/images/ui/about-tile.jpg" alt="" />
<img src="http://howardash.plentycontent.com/images/ui/about-tile.jpg" alt="" />
<img src="http://howardash.plentycontent.com/images/ui/about-tile.jpg" alt="" />
</div>
</div>
CSS
#scroller_shadow {
width:500px; /*whatever your width is*/
height: 100px; /*whatever your height is*/
overflow:hidden;
}
#scroller_shadow_tile {
width: 9999px; /*Something absurdly large*/
height: 100%;
}
#scroller_shadow_tile img {
height: 100%;
display:block;
float:left;
width: auto;
}