.apo-card-profile {
    --card-aspect-ratio: 376 / 190;
}

.apo-card-profile:has(:hover) {
    --card-image-scale: 1.1;
}

.apo-card-profile__image {
    aspect-ratio: var(--card-aspect-ratio);
    transition: transform 0.5s var(--apo-easing-out);
    transform: scale(var(--card-image-scale, 1));
}

@media (width >= 37.5rem) {
    .apo-card-profile {
        --card-aspect-ratio: 300 / 307;
    }
}