.content_image-layout {
    padding-block: max(2rem, calc(4.25 * var(--su)));
}

.content_image-layout > .pk-grid-container {
    align-items: stretch;
}

.content_image-layout .content_image-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: var(--avoord-light-blue);
    border-radius: var(--border-radius);
    padding: max(1.5rem, calc(5 * var(--su)));
    padding-right: max(2.5rem, calc(7.5 * var(--su)));
}

.content_image-layout.is-valign-top .content_image-content {
    justify-content: flex-start;
}

.content_image-layout.is-valign-center .content_image-content {
    justify-content: center;
}

.content_image-layout.is-valign-bottom .content_image-content {
    justify-content: flex-end;
}

.content_image-layout.is-dark .content_image-content {
    background-color: var(--avoord-dark-blue);
    color: var(--avoord-white);
}

.content_image-layout.is-dark .content_image-content .pk-heading,
.content_image-layout.is-dark .content_image-content .pk-text {
    color: var(--avoord-white);
}

.content_image-layout .content_image-media {
    display: flex;
}

.content_image-layout .content_image-image {
    max-height: calc(34.25 * var(--su));
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.content_image-layout.is-contain .content_image-image {
    object-fit: contain;
}

.content_image-layout.is-reversed .content_image-content {
    order: 2;
}

.content_image-layout.is-reversed .content_image-media {
    order: 1;
}

@media screen and (max-width: 992px) {
    .content_image-layout > .pk-grid-container {
        gap: 1.5rem 1rem;
    }

    .content_image-layout .content_image-media {
        min-height: 320px;
        max-height: 600px;
    }

    .content_image-layout.is-reversed .content_image-media {
        order: 2;
    }
}

@media screen and (max-width: 767px) {

    .content_image-layout .content_image-content,
    .content_image-layout .content_image-media {
        order: 0;
    }

    .content_image-layout .content_image-media {
        min-height: 260px;
    }
}