/* Keeps the generated mascot aligned with the visible reference crop. */
.art {
    overflow: hidden;
}

.art > img,
.assistant img {
    clip-path: inset(0 0 0 34px);
}

.art > img {
    transform: translateX(12px);
}

@media (max-width: 620px) {
    .art > img,
    .assistant img {
        clip-path: inset(0 0 0 28px);
    }
}