JSFiddle - React, Tailwind, and code Playground

HTML

<div class="carousel">
  <div class="slide">Lorem ipsum dolor</div>
  <div class="slide">quisquam est qui dolorem ipquam est qui dolorem ipquam est qui dolorem ipquam est qui dolorem ipquam est qui dolorem ipsum quia dolor sit amet lorem ipsum</div>
  <div class="slide">consectetur, adipisci</div>
</div>

CSS

.carousel {
  width: 100%;
  background-color: #dbdbdb;
  overflow-y: visible;
  overflow-x: auto;
  white-space: nowrap;
}

.carousel .slide {
  display: inline-flex;
  width: 250px;
  height: 150px;
  margin: 10px 10px 10px 10px;
  background-color: #FFF;
  font-weight: bolder;
  font-size: 15px;
  white-space: pre-wrap;
  align-items: flex-end; /* ADJUSTMENT HERE */
  justify-content: center;
  text-align: center;
  text-align-last: center;
  /* vertical-align: bottom; */
}