Fix Alignment & Text Contrast in "Why DevConnect?" Section (Dark Mode)

[Satvika1825]

Hi! I'm a contributor under GirlScript Summer of Code 2025 (GSSoC) and I’d love to contribute to this project.

Description:
In dark mode, the "Why DevConnect?" section has alignment and visibility issues:

The card text becomes too light and blends into the dark background.

The background + card styles are inconsistent between light and dark mode.

The image alignment on the right doesn’t balance well with the cards.

Proposed Solution:

Text Contrast:

Use white (#FFFFFF) or light gray for headings.

Use lighter shades (#CCCCCC / #DDDDDD) for paragraph text.

Card Styling:

Add a consistent dark background for cards (e.g., #1E1E2F) in dark mode.

Use subtle box shadows or borders for separation.

Alignment:

Ensure cards and image stay vertically centered and balanced (e.g., use flexbox or grid).

Add responsive spacing so image and cards don’t overlap on smaller screens.

I would like to work on this issue under GSSoC. Kindly assign it to me.