/* One consistent frame for the same doctors on every public page. */
.doctor-portrait {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 4 / 5;
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
    background: #eeedeb;
    align-self: start;
}

.doctor-portrait > .doctor-portrait__image {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    min-height: 0;
    object-fit: cover;
    object-position: center top;
    transform: none;
    filter: none;
    transition: none;
}

.doctor-portrait > .doctor-portrait__image--calibrated {
    inset: auto;
    left: var(--portrait-left);
    top: var(--portrait-top);
    width: var(--portrait-width);
    height: auto;
    object-fit: initial;
}