379-revert some of PR 378 CSS

[helms-charity]

Issue - solution-header had regressions in the sticky design due to code cleaning done via PR #378. This reverts some of those changes.

Fixes #379

Test URLs

• Before (Changes from main): https://main--merative2--hlxsites.hlx.live/campaigns/merge/common-spirit-health

• After (Changes from this PR): https://379-solutionshead--merative2--hlxsites.hlx.live/campaigns/merge/common-spirit-health

• Before (Changes from main): https://main--merative2--hlxsites.hlx.live/clinical-decision-support

• After (Changes from this PR): https://379-solutionshead--merative2--hlxsites.hlx.live/clinical-decision-support

• Before (Changes from main): https://main--merative2--hlxsites.hlx.live/blog

• After (Changes from this PR): https://379-solutionshead--merative2--hlxsites.hlx.live/blog

Testing Instruction

NOTE: This PR also fixes problem of some content overlapping the sticky (black) solutions-header

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 01509df 🔄 (latest)
• 79b7917 ✅
• 187c9c4 ✅
• a26cd3e ✅

[aem-code-sync]

Page	Scores	Audits	Google
/blog
/campaigns/merge/common-spirit-health
/clinical-decision-support

[keith-kaplan]

This looks good to me. Tested and I'm not seeing the navigation issues anymore.