.profile-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.profile-initials {
    width: 6rem;  /* w-24 equivalent */
    height: 6rem; /* h-24 equivalent */
    border-radius: 9999px;
    background-color: var(--primary-color);
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
}

/* Specific sizes for profile page */
#profile-container .profile-image,
#profile-container .profile-initials {
    width: 80px;
    height: 80px;
    font-size: 1.25rem;
}