.media-thumb {
    width: 100%;
    aspect-ratio: var(--media-ratio, 16 / 9);
    object-fit: cover;
    border-radius: 10px;
}

.media-compare {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.media-compare figure { margin: 0; }

.media-compare img {
    width: 100%;
    aspect-ratio: var(--media-ratio, 16 / 9);
    object-fit: cover;
    border-radius: 9px;
}

.media-compare figcaption {
    margin-top: 5px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
}