@layer components{.image-with-text{grid-template-columns:var(--content-grid);display:grid}.image-with-text__inner{gap:var(--space-xl);grid-column:2;align-items:stretch;display:grid}.image-with-text__media{align-self:center}.image-with-text__image{border-radius:var(--style-border-radius-cards,0);width:100%}.image-with-text__placeholder{aspect-ratio:4/5;background-color:color-mix(in oklch, var(--color-foreground) 5%, var(--color-background))}.image-with-text__content{--stack-gap:var(--space-md);justify-content:center;max-width:32rem}@media (width>=48rem){.image-with-text__inner{gap:var(--space-2xl);grid-template-columns:1fr 1fr}.image-with-text--media-right .image-with-text__media{order:2}}}