@media (max-width: 1100px) {
    body {
        overflow: auto;
    }

    #bernard {
        grid-template-columns: 1fr;
        padding: 48px 28px;
    }

    .progress-panel,
    .bernard-navigation {
        width: 100%;
        max-width: 620px;
        margin-inline: auto;
    }

    .face-placeholder {
        width: min(70vw, 430px);
    }
}