/* Base */
.wfb-text-image {width: 100%; padding-block: var(--wfb-section-pad, 80px);}
.wfb-text-image__inner {max-width: var(--max-width, 1500px); margin-inline: auto; padding-inline: var(--gutter, 1.5rem); display: grid; grid-template-columns: 413fr 642fr; gap: var(--wfb-col-gap); align-items: stretch;}
.wfb-text-image__content {align-self: center;}
.wfb-text-image__media {background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 550px;}

/* Image left */
.wfb-text-image--img-left .wfb-text-image__inner {grid-template-columns: 642fr 413fr;}
.wfb-text-image--img-left .wfb-text-image__media {grid-column: 1; grid-row: 1;}
.wfb-text-image--img-left .wfb-text-image__content {grid-column: 2; grid-row: 1;}

/* Mobile */
@media (max-width: 700px) {
    .wfb-text-image__inner, .wfb-text-image--img-left .wfb-text-image__inner {grid-template-columns: 1fr; gap: 0;}
    .wfb-text-image--img-left .wfb-text-image__media, .wfb-text-image--img-left .wfb-text-image__content {grid-column: auto; grid-row: auto;}
    .wfb-text-image__media, .wfb-text-image--img-left .wfb-text-image__media {order: 1; min-height: 280px;}
    .wfb-text-image__content, .wfb-text-image--img-left .wfb-text-image__content {order: 2; padding-block: 40px;}
}