JSFiddle - React, Tailwind, and code Playground

by alekskorovin

HTML

<div class="carouselblock">

<div class="carousel-holder">


<div class="carousel">
<div class="carousel-item"><img src="http://placehold.it/100x100" /></div>
<div class="carousel-item"><img src="http://placehold.it/300x100" /></div>
<div class="carousel-item"><img src="http://placehold.it/50x100" /></div>
</div>
</div>
</div>

CSS

.carouselblock {
  overflow: hidden;
  width: 25%;
}
.carousel-item {
  display: inline-block;
  width: 100%;
  background: blue;
  vertical-align: middle;
}
.carousel-item img {
  width: 100%;
  visibility: hidden;
}
.carousel {

  white-space: nowrap;
  font-size: 0;
}