.image-with-text{display:grid}.image-with-text__text.lead{margin-top:.5rem}.image-with-text__image{position:relative;margin-top:var(--margin-top);margin-right:var(--margin-right);margin-bottom:var(--margin-bottom);margin-left:var(--margin-left);overflow:hidden}.image-with-text__image svg.placeholder{width:100%;aspect-ratio:1920/720;background-color:#fff}.image-with-text__image figcaption{background:var(--color-background);color:var(--color-foreground);font-size:1.2rem;text-align:center;opacity:.5;transition:var(--transition-base);transition-property:opacity}.image-with-text__image figcaption a{color:inherit}.image-with-text__image img{border-radius:var(--border-radius)}.image-with-text__button{margin-block:var(--spacer)}.image-with-text--vertical .image-with-text__image{margin-inline:auto}@media screen and (min-width: 1280px){.image-with-text .section__content{max-width:var(--max-width)}.image-with-text figcaption{position:absolute;left:1rem;bottom:1rem;padding-inline:.5em;border-radius:1em;text-align:left}.image-with-text--image-left,.image-with-text--image-right{display:flex;column-gap:var(--spacer-md);align-items:center}.image-with-text--image-left .image-with-text__image{order:-1;margin-block:0}.image-with-text--image-right .image-with-text__content{order:-1;margin-block:0}}@media(hover: hover){.image-with-text__image figcaption:hover{opacity:1}}