Quiero construir, algo así como un carrusel, que puedes deslizar usando una barra de desplazamiento. En cada una de las diapositivas, hay una sola línea de texto que debe estar centrada tanto horizontal como verticalmente. Ajustealign-items: center cambia la altura del padrediv.

.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: center;
  justify-content: center;
  text-align: center;
  text-align-last: center;
}

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

Comentar elalign-items y queda bien. ¿Cómo debo resolver este problema?