.gmw-dual-images {
    --row-height: 60vh; /* default, can be overridden inline by block */
    width: 100vw;               /* span the whole page */
    margin-left: 50%;           /* convert to full-bleed even inside constrained containers */
}

.gmw-dual-images__row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 0;                     /* no gap between the images */
    height: var(--row-height);
    width: 100%;
}

.gmw-dual-images__col {
    overflow: hidden;           /* ensure no gaps from rounding */
}

/* Set left column (artist portrait) to 1/3 width */
.gmw-dual-images__row > .gmw-dual-images__col:first-child {
    flex: 0 0 33.333%;
    width: 33.333%;
}

/* Set right column (painting section) to 2/3 width */
.gmw-dual-images__row > .gmw-dual-images__col:last-child {
    flex: 1 0 66.667%;
    width: 66.667%;
}

.gmw-dual-images__img {
    display: block;
    width: 100%;
    height: 100%;
}

/* Left image should scale to fit without cropping */
.gmw-dual-images__row > .gmw-dual-images__col:first-child .gmw-dual-images__img {
    object-fit: contain;
    object-position: center center;
}

/* Right image should cover and show the middle section */
.gmw-dual-images__row > .gmw-dual-images__col:last-child .gmw-dual-images__img {
    object-fit: cover;
    object-position: center center;
}

/* Editor adjustments: show placeholder nicely */
.gmw-dual-images__placeholder {
    background: #f2f2f2;
    color: #666;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    border: 1px dashed #ccc;
}