:root{--image-with-text-body-background-color:var(--bg-pastel)}.image-with-text{width:100%}.image-with-text--pastel-background{--image-with-text-body-background-color:var(--white)}.image-with-text__image{height:auto}.image-with-text__body{margin-top:calc(var(--spacing-bigger)*-1);position:relative;z-index:var(--z-index-high)}.image-with-text__body>*{padding-left:var(--spacing-medium);padding-right:var(--spacing-medium);padding-top:var(--spacing-medium)}.image-with-text__body-title{background-color:var(--image-with-text-body-background-color);margin-left:var(--spacing-larger)}.image-with-text--inverse .image-with-text__body-title{margin-left:0;margin-right:var(--spacing-larger)}.image-with-text__body-text{background-color:var(--image-with-text-body-background-color);padding-bottom:var(--spacing-medium)}@media (min-width:720px){.image-with-text{align-items:center;background-image:linear-gradient(to right,transparent,transparent 25%,var(--image-with-text-body-background-color) 25%,var(--image-with-text-body-background-color) 100%);display:flex;flex-direction:row;padding:var(--spacing-larger) var(--spacing-larger) var(--spacing-larger) 0}.image-with-text--inverse{background-image:linear-gradient(to left,transparent,transparent 25%,var(--image-with-text-body-background-color) 25%,var(--image-with-text-body-background-color) 100%);flex-direction:row-reverse;padding:var(--spacing-larger) 0 var(--spacing-larger) var(--spacing-larger)}.image-with-text__image{width:50%}.image-with-text__body{margin-left:var(--spacing-large);margin-right:0;margin-top:0;padding:0;width:50%}.image-with-text--inverse .image-with-text__body{margin-left:0;margin-right:var(--spacing-large)}.image-with-text__body>*{padding:0}.image-with-text--inverse .image-with-text__body-title,.image-with-text__body-title{margin-left:0;margin-right:0}.image-with-text__body-text{background-color:transparent;margin-top:var(--spacing-small);padding-bottom:0}}@media (min-width:1100px){.image-with-text{background-image:linear-gradient(to right,transparent,transparent 30%,var(--image-with-text-body-background-color) 30%,var(--image-with-text-body-background-color) 100%);padding:var(--spacing-big) var(--spacing-larger) var(--spacing-big) 0}.image-with-text--inverse{background-image:linear-gradient(to left,transparent,transparent 30%,var(--image-with-text-body-background-color) 30%,var(--image-with-text-body-background-color) 100%);padding:var(--spacing-big) 0 var(--spacing-big) var(--spacing-larger)}.image-with-text__image{width:60%}.image-with-text__body{margin-left:var(--spacing-big);width:40%}}