.quote-component {
  container-type: inline-size;
  transform: translateY(-4px);
}
.quote-component:has(blockquote + figcaption) blockquote {
  margin-block-end: clamp(2rem, 6.6666666667cqi, 3.5rem);
}
@container (width < 400px) {
  .quote-component blockquote {
    font-size: var(--text-xl);
    font-family: var(--font-sans);
  }
}