.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);
    border-radius: 2.5rem;
}

@media print {
    .component-figure {
        page-break-inside: avoid;

        figure :is(img, picture) {
            max-width: 100%;
            max-height: none;
        }
    }
}

@media screen and (max-width: 650px) {
    .component-figure figure :is(img, picture) {
        max-width: 100% !important;
        border-radius: 2.5rem;
    }
}