.image-with-text{display:flex;flex-direction:column;gap:var(--spacing-medium)}.image-with-text__image-contain{width:100%}.image-with-text__image{width:100%;height:auto}.image-with-text__image-contain--square{padding-top:100%;position:relative}.image-with-text__image-contain--square .image-with-text__image,.image-with-text__image-contain--square svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-with-text__heading,.image-with-text__text p{margin-bottom:var(--spacing-small)}.image-with-text__text+.image-with-text__button{margin-top:var(--spacing-large)}@media screen and (max-width:989px){.page-width.page-width--image-with-text{padding:0 var(--spacing-large)}.image-with-text--mobile-text-first{flex-direction:column-reverse}.image-with-text__content-mobile-align-left{text-align:left}.image-with-text__content-mobile-align-center{text-align:center}.image-with-text__content-mobile-align-right{text-align:right}}@media screen and (min-width:990px){.image-with-text{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2x-large);grid-template-areas:"text-image text-content"}.image-with-text--desktop-image-width-two_thirds{grid-template-columns:2fr 1fr}.image-with-text--desktop-image-width-three_quarters{grid-template-columns:3fr 1fr}.image-with-text.image-with-text--reverse{grid-template-areas:"text-content text-image"}.image-with-text__image-contain{grid-area:text-image}.image-with-text__content{max-width:560px;display:flex;flex-direction:column;grid-area:text-content;justify-self:center;width:100%}.image-with-text__content-desktop-align-left{text-align:left;align-items:flex-start}.image-with-text__content-desktop-align-center{text-align:center;align-items:center}.image-with-text__content-desktop-align-right{text-align:right;align-items:flex-end}.image-with-text__content-desktop-vertical-align-top{justify-content:flex-start}.image-with-text__content-desktop-vertical-align-middle{justify-content:center}.image-with-text__content-desktop-vertical-align-bottom{justify-content:flex-end}}@media screen and (min-width:1200px){.image-with-text{gap:var(--spacing-3x-large)}}
/*# sourceMappingURL=/cdn/shop/t/1993/assets/component-image-with-text.css.map */