BUG: Image Visibility Issue in Dark Mode on FAQ Page

[akshay0611]

Preliminary Check

• I have searched the existing issues
• This issue is reproducible

Bug Summary

• Expected Behavior: The image on the FAQ page should be visible in both light and dark mode without any issues.
• Actual Behavior: The image is not visible in dark mode due to the blending issue caused by the mix-blend-mode: multiply; CSS property.

Steps to Reproduce

1. Go to the FAQ page.
2. Enable dark mode.
3. Observe the image visibility—it's not visible when dark mode is active.

Expected Behavior

The image should be visible regardless of the mode (light or dark) without any blending issues, and should be clearly visible when dark mode is turned on.

Screenshots/Logs

• Dark Mode: The image is not visible when the page is viewed in dark mode. This issue is likely caused by the mix-blend-mode: multiply; property that makes the image blend into the background, causing it to be nearly invisible.

Additional Information

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue
• I can provide more details if needed

[github-actions]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

[PranavAgarkar07]

Hi! I'd like to work on this issue under GSSoC 2026.

Approach: I'll inspect the FAQ page's dark mode styles to find which CSS rules cause images to blend into the dark background, likely missing explicit borders, box-shadows, or inverted filter rules for image elements. I'll add CSS overrides that apply a subtle border, light box-shadow, or to images only when the dark mode class is active on the body.

I have experience with web development. Please assign me this issue.