/* Wrapper: shrink proportionally on mobile */
.profile-card-wrapper {
    width: 100%;
    max-width: 500px; /* original size */
    display: inline-block; /* important to shrink wrapper height with card */
}

/* Card itself scales like an image */
.profile-card {
    width: 100%;
    transform-origin: top left;
    display: inline-block; /* allow wrapper to shrink with it */
}

/* Mobile scaling */
@media (max-width: 768px) {
    .profile-card {
        transform: scale(0.8); /* shrink to 80% */
        min-width: 450px; /* prevent shrinking too much on very small screens */
    }
}

/* Very small screens */
@media (max-width: 480px) {
    .profile-card {
        transform: scale(0.7); /* shrink to 70% */
    }
}

strong {
    font-weight: bold !important;
}