.image-2up {
    --image-2up-ratio: 87 / 49;
}

.image-2up-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-col-gap);
}

.image-2up-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: var(--corner-radius-sm);
}

@media (max-width: 767px) {
    .image-2up-grid {
        grid-template-columns: 1fr;
    }
}