.carousel {
  max-width: 100%;
  overflow-x: scroll;
  display: flex;
  gap: 12px;
  padding-left: max((100% - 800px) / 2, 16px);
  padding-right: max((100% - 800px) / 2, 16px);
}
.carousel .carousel-item {
  width: auto;
  height: 320px;
  max-height: 80svh;
  margin: 0;
  padding: 0;
  border-radius: var(--radius-medium);
}
.carousel > figure {
  margin: 0;
  padding: 0 !important;
}