.flex-layout.content_image {
    background-color: var(--cbw-white-100);
    padding-block: var(--pk-row-spacing);
    margin-block: 0;
}

.flex-layout.content_image .pk-grid-container {
    row-gap: 3rem;
    align-items: center;
}

.flex-layout.content_image .content-col {
    max-width: 90%;
    display: flex;
    flex-direction: column;
    gap: max(1.5rem, calc(1.5 * var(--su)));
}

.flex-layout.content_image .pk-grid-container.reversed .content-col {
    margin-left: auto;
}

.flex-layout.content_image .content-col .cbw-button-group {
    margin-top: max(.5rem, calc(.5 * var(--su)));
}

.flex-layout.content_image .content-col .intro-text {
    font-size: var(--desktop-body-m);
    font-weight: 500;
}

.flex-layout.content_image .image-col {
    overflow: hidden;
}

.flex-layout.content_image .image-col img {
    aspect-ratio: 1;
    height: 100%;
    width: 100%;
}

/* Image left */
.flex-layout.content_image .pk-grid-container.reversed .image-col {
    order: -1;
}

@media only screen and (max-width: 992px) {
    /* Content always first on mobile, reset max-width */
    .flex-layout.content_image .content-col {
        max-width: 100%;
        order: 1;
    }

    .flex-layout.content_image .image-col {
        order: 2;
    }

    /* Override reversed so image goes back below */
    .flex-layout.content_image .pk-grid-container.reversed .image-col {
        order: 2;
    }
}