.image-with-text-backgrounds-with-text{display:flex;flex-wrap:wrap;align-items:center;gap:3rem}@media only screen and (min-width: 768px){.image-with-text-backgrounds-with-text{flex-wrap:nowrap}}.image-with-text-backgrounds-with-text{flex-direction:row}@media only screen and (min-width: 768px){.image-with-text-backgrounds-with-text.text_first .image-with-text-backgrounds-with-text__content{padding-left:0;padding-right:0;text-align:center}}.image-with-text-backgrounds-with-text--top{align-items:flex-start}.image-with-text-backgrounds-with-text--bottom{align-items:flex-end}.image-with-text-backgrounds-with-text__image{flex-grow:0;flex-shrink:0;width:100%;max-width:460px;max-height:460px}.image-with-text-backgrounds-with-text__image img,.image-with-text-backgrounds-with-text__image svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-with-text-backgrounds-with-text__image svg{width:100%;height:100%;object-fit:cover;padding:20px;fill:var(--color-accent);background:var(--color-accent3)}.image-with-text-backgrounds-with-text__image-media{position:relative;display:inline-block;overflow:hidden;max-width:530px;transform:translateY(0);transition:transform .05s ease-out;width:100%}.image-with-text-backgrounds-with-text__image-media .image-with-text-backgrounds-media{padding-bottom:var(--ratio-percent);width:100%;height:0}.image-with-text-backgrounds-with-text__image-media.aspect-ratio{height:auto;padding-bottom:0}.image-with-text-backgrounds-with-text__image-media.aspect-ratio--landscape .image-with-text-backgrounds-media{padding-bottom:75%}.image-with-text-backgrounds-with-text__image-media.aspect-ratio--square .image-with-text-backgrounds-media{padding-bottom:100%}.image-with-text-backgrounds-with-text__image-media.aspect-ratio--portrait .image-with-text-backgrounds-media{padding-bottom:125%}.image-with-text-backgrounds-with-text__image-media.image-with-text-background-2{aspect-ratio:1/1}.image-with-text-backgrounds-with-text__image-media-container{display:inline-block;margin:0 auto;width:100%;text-align:right}.image-with-text-backgrounds-with-text__image-media-container-inner{position:relative}.image-with-text-backgrounds-with-text__content{width:100%;flex-grow:1;margin-top:25px}@media only screen and (min-width: 768px){.image-with-text-backgrounds-with-text__content{margin-top:0;padding-left:0}.image-with-text-backgrounds-with-text__content--inner{max-width:500px}}.image-with-text-backgrounds-with-text__content p{font-weight:300}.image-with-text-backgrounds-with-text__content p,.image-with-text-backgrounds-with-text__content h3,.image-with-text-backgrounds-with-text__content .text-button{color:var(--color-text, --color-body)}.image-with-text-backgrounds-with-text__content .text-button:before{background:rgba(var(--color-text-rgb),.4)}.image-with-text-backgrounds-with-text__content .text-button:after{background:var(--color-text, --color-body)}@media only screen and (min-width: 768px){.image-with-text-backgrounds-with-text>.image-with-text-backgrounds-with-text__inner{width:50%}}.image-with-text-background-section{position:relative;padding:2rem 0;margin-bottom:2rem}.image-with-text-background__background-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background-position:center;background-size:contain;background-repeat:repeat-x;z-index:0;opacity:.35}.image-with-text-background-section .columns{position:relative;z-index:1}.image-with-text-background-translucent-block{position:absolute;height:90%;width:30%;top:50%;transform:translateY(-50%);right:0;mix-blend-mode:multiply}@media (max-width: 767px){.image-with-text-background-translucent-block,.image-with-text-backgrounds-with-text__image{display:none}.image-with-text-backgrounds-with-text__content{text-align:center;margin-top:0;padding:0 1rem}.image-with-text-background__background-image{background-size:cover}.image-with-text-background-section{margin-bottom:0;padding:1rem 0}}.image-with-text-background__wrapper{max-width:1340px;margin:auto;position:relative;z-index:1}@media screen and (min-width: 768px){.image-with-text-background__wrapper{padding:0 37px}}@media screen and (min-width: 1355px){.image-with-text-background-section{padding:0 37px}.image-with-text-background__wrapper{padding:0}.image-with-text-background-translucent-block{height:115%}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/image-with-text-background.css.map */