fix(#7572): make mascot images visible in dark theme using filters

[Junnygram]

fix(#7572): Fix mascot image visibility in dark mode

This PR resolves issue #7572 where the mascot stick figures and "RESOURCES" sign were becoming invisible in dark mode due to their black line-art on the dark background.

Proposed Changes:

• src/sections/Company/Brand/Brand-components/stickfigures.js: Added a .five-image class to line-art mascot SVGs.
• src/sections/Company/Brand/brandPage.style.js:
  • Implemented a composite filter: filter: invert(1) hue-rotate(180deg). This ensures that black lines appear white for visibility while preserving the original teal brand colors (hands/feet).
  • Fixed a syntax bug in the CSS where background-color had invalid quotes ("#fff").
  • Ensured the fix applies across all screen sizes in dark mode while maintaining small-screen width constraints.

PR Type:

• Bugfix
• Features
• Documentation updates
• Others

Checklist:

• Tested the changes locally.
• Verified that teal brand colors are preserved.
• Verified that dark lines are now white in dark theme.
• Adhered to a minimal diff to avoid unnecessary reformatting.

Fixes #7572

[l5io]

🚀 Preview for commit a10f429 at: https://69ca0b7708ca7d2af117a3da--layer5.netlify.app

[l5io]

🚀 Preview for commit c371915 at: https://69ca1557e922d9661612be21--layer5.netlify.app

[Junnygram]

[Junnygram]

Applied the invert filter only to SVGs. The second image is excluded to avoid color distortion and negative-photo effects.

[rishiraj38]

@Junnygram Could you also fix this in this PR only?