.carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 24px;
  padding-bottom: 10px;
}

.carousel > div {
  scroll-snap-align: start;
  flex-shrink: 0;
}