.section-content-carousel-item {
  display: flex;
  flex-direction: column;
}

.section-content-carousel-item-image {
  --ar: 4 / 5;

  aspect-ratio: var(--ar, 4 / 5);
  background-color: var(--scheme-background-muted);
}

.section-content-carousel-item-image * {
  display: block;
}

.section-content-carousel-item-image img {
  aspect-ratio: var(--ar, 4 / 5);
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
}

.section-content-carousel-item-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding-block: var(--space-20);

  &:has(h3:empty):has(p:empty) {
    display: none;
  }
}