.image-text-two-columns{background-size:cover;background-position:center}.image-text-two-columns .content{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(8,minmax(80px,auto));position:relative;z-index:1;max-width:1500px;margin:0 auto}.image-text-two-columns .content .left-image-container{grid-column:1 / 6;grid-row:1 / 6}.image-text-two-columns .content .left-image-container img{width:100%;aspect-ratio:4 / 5}.image-text-two-columns .content .right-image-container{grid-column:10 / 17;grid-row:5 / 9}.image-text-two-columns .content .right-image-container img{width:100%;object-fit:contain}.image-text-two-columns .content .left-text-container{grid-column:7 / 11;grid-row:2 / 4}.image-text-two-columns .content .right-text-container{grid-row:6 / 8;grid-column:5 / 9;text-align:right}@media(min-width:1500px){.image-text-two-columns .content{grid-template-rows:repeat(8,minmax(100px,auto));max-width:2000px}}@media(min-width:1800px){.content h2.heading{font-size:2vw}.image-text-two-columns .content{grid-template-rows:repeat(8,minmax(150px,auto));max-width:2500px}}@media(max-width:1100px){.image-text-two-columns .content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.image-text-two-columns .content .left-image-container,.image-text-two-columns .content .right-image-container{aspect-ratio:1 / 1;width:40%}:is(.image-text-two-columns .content .left-image-container,.image-text-two-columns .content .right-image-container) img{aspect-ratio:1 / 1;object-fit:cover}.image-text-two-columns .content .left-text-container,.image-text-two-columns .content .right-text-container{width:50%}}@media(max-width:700px){.image-text-two-columns .content .left-image-container,.image-text-two-columns .content .right-image-container{width:100%;aspect-ratio:5 / 3}:is(.image-text-two-columns .content .left-image-container,.image-text-two-columns .content .right-image-container) img{aspect-ratio:5 / 3;object-fit:cover}.image-text-two-columns .content .right-text-container{order:1}.image-text-two-columns .content .left-text-container,.image-text-two-columns .content .right-text-container{width:100%;text-align:left;margin-bottom:4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-image-text-two-cols.css.map */