video,
img {
    /* min-height: 100%; */
    object-fit: cover;
}

.rounded-img {
    border-radius: 6px;
}

.imageBlock-wrapper {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}

.imageBlock-wrapper.std-spacing {
    padding-top: 20px;
}

/* .services.imageBlock-wrapper {
    padding-top: 40px;
} */

.services.imageBlock-wrapper img {
    aspect-ratio: var(--aspect-16-9);
}

/* .imageBlock {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.imageBlock {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* ONLY the image gets object-fit */
.imageBlock__img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
}


.seven-column-img-wrap {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    margin-top: 20px;
}


.seven-column-img-wrap.right-column {
    direction: rtl;
}

.eight-column-media-wrap {
    grid-column: 5 / -1;
    margin-top: var(--spacing-xl);
}

.eight-column-media-wrap video {
    max-width: 100%;
}

.imageBlock-sevenCol {
    width: 100%;
    height: 100%;
    object-fit: cover;
    grid-column: span 7;
}




.imageBlock.both-columns {
    grid-column: 1 / -1;
}

.imageBlock.left-column {
    grid-column: 1;
}

.imageBlock.right-column {
    grid-column: 2;
}

.imageBlock.row-single {
    grid-row: span 1;
    aspect-ratio: var(--aspect-16-9);
}

.imageBlock.row-double {
    grid-row: span 2;
}

@media(max-width: 1024px) {
    .imageBlock-sevenCol {
        grid-column: 1 / -1;
    }

    .imageBlock.left-column,
    .imageBlock.right-column {
        grid-column: 1 / -1;
    }
    .imageBlock {
        height: unset;
    }
    .eight-column-media-wrap {
        grid-column: 1 / -1;
        margin-top: var(--spacing-lg);
    }
    .imageBlock.empty-container {
        display: none;
    }
}

@media (max-width: 767px) {
    .eight-column-media-wrap {
        margin-top: var(--spacing-md);
    }
}