Let me debug this to see what gender value is being read. I'll add console logging to check:

Let me add debug logging to see what's happening with the gender value:

Check the console logs to see what gender value is being detected. The issue might be that the user object isn't being updated when the gender changes. Let me also check if there's a cache invalidation issue with Next.js Image component. Let me try adding a key to force re-rendering:

Now check your browser console to see what the debug log shows. The logs will tell us what gender value is being detected. If it still shows "male" for female users, the issue is in the auth context not updating the gender properly. Can you share what the console log displays for a female user?

Now let me also remove the debug console.log statement:

I've reduced the background brightness from 0.65 to 0.45, which dims the images by approximately 30% more. This makes the atmospheric backgrounds significantly darker while preserving their color characteristics, making all page content much more readable and visible against the background.