.image-split--block {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--margin-lg);
    align-items: center;
}

@media (min-width: 768px) {
    .image-split--block {
        grid-template-columns: repeat(7, 1fr);
    }
}

@media (min-width: 768px) {
    .image-split--block .image-split--block__image-wrap {
        grid-column: auto / span 4;
    }
}

@media (min-width: 768px) {
    .image-split--block .image-split--block__content {
        grid-column: auto / span 2;
    }
}

@media (min-width: 768px) {
    .image-split--block.image--right .image-split--block__image-wrap {
        order: 2;
    }
}

@media (min-width: 768px) {
    .image-split--block.image--right .image-split--block__content {
        grid-column: 2 / span 2;
        order: 1;
        text-align: right;
    }
}

.image-split--block__image-wrap {
    border-radius: var(--margin-sm);
    border: 3px solid var(--color-black);
    box-shadow: 12px 12px 0 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.image-split--block__image {
    width: 100%;
}