JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slider-wrapper">
		<div class="images">
			<img src="http://morfys.com/projects/vcards/lib/files/images/image1.jpg">
			<img src="http://morfys.com/projects/vcards/lib/files/images/image2.jpg">
			<img src="http://morfys.com/projects/vcards/lib/files/images/image3.jpg">
			<img src="http://morfys.com/projects/vcards/lib/files/images/image4.jpg">
		</div>
	</div>

CSS

#slider-wrapper{
	width: 80%;
	height: auto;
	overflow: hidden;
	border: 1px solid black;
    white-space:nowrap;
}

#slider-wrapper .images img{
	width: 100%;
	height: auto;
	overflow: hidden;
    display:inline-block;
}