Enhance Mobile Responsiveness for Mental Health Section

[pranavi2]

The mental health section does not display correctly on smaller screens (less than 768px). The text and images overflow, and the layout becomes inconsistent, impacting the user experience.
I would like to work on this issue. Could you please assign it to me?

[github-actions]

👋 Thank you! Welcome to the project! Please follow these guidelines for smooth collaboration:

1. After completing a task, add your name and details to the Contributors Table/List.
2. Attach relevant screenshots or videos of your contribution for transparency.
3. Tasks are assigned on a first-come, first-served basis.
   • Avoid spamming requests for already-assigned tasks.
   • Respect the queue and wait for new tasks.
4. Propose New Ideas: Discuss new features or suggestions in the "Ideas" channel before starting work.

[pranavi2]

@Amna-Hassan04
can you please assign the labels too?