.image-with-text-section .image-with-text-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--gutter-width)}.image-with-text-media .img-wrapper img{object-position:var(--object-position);width:100%;height:100%;object-fit:cover}.image-with-text-media .small--width .o-ratio{position:relative;padding-top:50%;height:0}.image-with-text-section .image-with-text-media,.image-with-text-section .image-with-text-box{flex:1 0 calc(50% - var(--gutter-width))}.image-with-text-section .image-with-text-wrapper.v-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.image-with-text-section .image-with-text-wrapper.v-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.image-with-text-section .image-with-text-wrapper.v-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.btn-underline{text-decoration:underline}.action-bottom{margin-top:20px}.image-with-content{max-width:600px;padding:30px 0}.image-with-text-section .image-with-text-media{position:relative}.image-with-text-section .image-with-text-media .image-wrapper.with-bg{padding-left:10%;padding-bottom:10%}.image-wrapper-bg{background-color:var(--image_background_color);position:absolute;width:90%;height:90%;bottom:0;left:0;opacity:.5;z-index:-1}.image-with-text-media .o-ratio .img-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.image-with-text-media .medium--width .o-ratio{padding-top:70%;position:relative;height:0}.image-with-text-media .large--width .o-ratio{padding-top:100%;position:relative;height:0}.image-with-text-section .image-with-text-box.position--middle{align-self:center}.image-with-text-section .image-with-text-box.position--bottom{align-self:flex-end}.image-with-text-media .placeholder-svg{width:100%;height:100%}.image-with-text-section.color-background-2 .image-with-text-wrapper{background:var(--color-alt-bg)}@media (min-width: 768px){.image-with-text-wrapper.image-right{flex-direction:row-reverse}}@media (max-width: 767px){.image-with-text-section .image-with-text-wrapper{margin:0}.image-with-text-section .image-with-text-media,.image-with-text-section .image-with-text-box{flex:1 0 100%}.image-with-content{padding:0;max-width:100%}.image-with-content h2{margin-bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-image-with-text.css.map */