Sticky Slides

.carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  gap: 1rem;
  height: 22.5rem;
}

.slide {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 0.5rem;
}

.card {
  width: 100%;
  height: 100%;
}

.label {
  position: sticky;
  left: 0;
  width: fit-content;
}

<BlossomCarousel class="carousel">
  <div class="slide">
    <div class="card"></div>
    <p class="label">Slide 01</p>
  </div>
  <div class="slide">
    <div class="card"></div>
    <p class="label">Slide 02</p>
  </div>
  ...
</BlossomCarousel>