: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{position:relative;z-index:var(--z-index-high);margin-top:calc(var(--spacing-bigger)*-1)}.image-with-text__body>*{padding-top:var(--spacing-medium);padding-right:var(--spacing-medium);padding-left:var(--spacing-medium)}.image-with-text__body-title{margin-left:var(--spacing-larger);background-color:var(--image-with-text-body-background-color)}.image-with-text--inverse .image-with-text__body-title{margin-left:0;margin-right:var(--spacing-larger)}.image-with-text__body-text{padding-bottom:var(--spacing-medium);background-color:var(--image-with-text-body-background-color)}@media(min-width:720px){.image-with-text{display:flex;flex-direction:row;align-items:center;padding:var(--spacing-larger) var(--spacing-larger) var(--spacing-larger) 0;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%)}.image-with-text--inverse{padding:var(--spacing-larger) 0 var(--spacing-larger) var(--spacing-larger);flex-direction:row-reverse;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%)}.image-with-text__image{width:50%}.image-with-text__body{width:50%;margin-top:0;margin-right:0;margin-left:var(--spacing-large);padding:0}.image-with-text--inverse .image-with-text__body{margin-right:var(--spacing-large);margin-left:0}.image-with-text__body>*{padding:0}.image-with-text--inverse .image-with-text__body-title,.image-with-text__body-title{margin-right:0;margin-left:0}.image-with-text__body-text{margin-top:var(--spacing-small);padding-bottom:0;background-color:transparent}}@media(min-width:1100px){.image-with-text{padding:var(--spacing-big) var(--spacing-larger) var(--spacing-big) 0;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%)}.image-with-text--inverse{padding:var(--spacing-big) 0 var(--spacing-big) var(--spacing-larger);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%)}.image-with-text__image{width:60%}.image-with-text__body{width:40%;margin-left:var(--spacing-big)}}