.component-figure{
    container-name: figure-container;
    container-type: inline-size;
}

.component-figure :where(figure) {
    margin: 0;
    padding: 0;
}

.component-figure figure :is(img, picture) {
    max-height: var(--local-max-height, 100%);
    max-width: var(--local-max-width, 100%);
    object-fit: var(--local-object-fit);
}


@container figure-container (inline-size < calc(144rem + 4rem + 4rem)) {
    :where(.component-figure > .component-wrapper > .region) {
        max-width: 100%;
        padding-inline: var(--minimum-inline-padding);
    }
}