.text-and-image-element{padding:4rem 0}.text-and-image-element .image-container{position:relative;max-width:944px;text-align:left;margin-bottom:2rem;top:3rem;opacity:0}.text-and-image-element .image-container img{width:100%;height:auto}.text-and-image-element .text-container{position:relative;top:3rem;opacity:0}.text-and-image-element .clip-svg{display:none;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;width:100.5%}.text-and-image-element .container.clipped-image .image-container{display:none}.text-and-image-element .container.active .image-container{top:0;opacity:1;transition:top .2s,opacity 1s;transition-delay:.1s}.text-and-image-element .container.active .text-container{top:0;opacity:1;transition:top .4s,opacity 1s;transition-delay:.5s}.text-and-image-element.white-bg .clipping{fill:#fff}.text-and-image-element.black-bg .clipping{fill:#161616}.text-and-image-element.grey-bg .clipping{fill:#f4f4f7}@media (min-width:768px){.text-and-image-element{padding:6rem 0}.text-and-image-element .image-container{display:initial}.text-and-image-element .container{display:-ms-grid;display:grid;max-width:none;padding:0;-ms-grid-columns:1fr 2rem minmax(100px,550px) 2rem minmax(100px,550px) 2rem 1fr;grid-template-columns:1fr 2rem minmax(100px,550px) 2rem minmax(100px,550px) 2rem 1fr}.text-and-image-element .image-container{-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/4}.text-and-image-element .text-container{-ms-grid-column:5;-ms-grid-column-span:1;grid-column:5/6;-ms-grid-row-align:center;align-self:center;padding:0 3rem}.text-and-image-element .container.clipped-image .image-container{display:initial}.text-and-image-element .container.clipped-image .clip-svg{display:initial}}@media (min-width:1200px){.text-and-image-element .text-container{padding:0 8rem}}