JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slider">
  <div><img src="https://picsum.photos/400/300?image=0" /></div>
  <div><img src="https://picsum.photos/400/300?image=1" /></div>
  <div><img src="https://picsum.photos/400/300?image=2" /></div>
  <div><img src="https://picsum.photos/400/300?image=3" /></div>
</div>

CSS

.slider {
  display: flex;
}

.slider>div {
  min-width: 0;
}

.slider>div>img {
  max-width: 100%;
  height: auto;
}