.profile-img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    border: 2px solid var(--accent);

    /* --- High-Quality Image Rendering Fixes --- */
    image-rendering: -webkit-optimize-contrast; /* Safari / older Chrome */
    image-rendering: crisp-edges;               /* Fallback standard */
    image-rendering: auto;                      /* Lets browser use high-quality bicubic/lanczos filtering */
    -ms-interpolation-mode: bicubic;            /* IE/Edge legacy fallback */
}