/* Short general styles for all components */
:root {
    --focal-point-x: 50%;
    --focal-point-y: 50%;
}

.component-figure {
    margin: 0;
    width: 100%;
    height: 100%;
}

.component-image {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: var(--focal-point-x) var(--focal-point-y);
    font-family: 'object-fit: cover;';
}