425: Hero refactored to use section for background colour

[rjwtrmn]

This will allow us to use any colour in the palette for hero background, including those required by /design pages.

Fix #425

Test URLs: Light text

• Before: https://main--hlx-test--urfuwo.hlx.live/draft/rjwtrmn/hero-media-blend
• After: https://425-use-section-background-hero--hlx-test--urfuwo.hlx.live/draft/rjwtrmn/hero-media-blend

Dark text

• • Before: https://main--hlx-test--urfuwo.hlx.live/draft/rjwtrmn/thomassaueressig-copy1
• After: https://425-use-section-background-hero--hlx-test--urfuwo.hlx.live/draft/rjwtrmn/thomassaueressig-copy1

Background image, white text (unchanged)

• Before: https://main--hlx-test--urfuwo.hlx.live/topics
• After: https://425-use-section-background-hero--hlx-test--urfuwo.hlx.live/topics

No background (unchanged)

• Before: https://main--hlx-test--urfuwo.hlx.live/draft/rjwtrmn/the-article-copy
• After: https://425-use-section-background-hero--hlx-test--urfuwo.hlx.live/draft/rjwtrmn/the-article-copy

[aem-code-sync[bot]]

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

* [c3d60f2](https://github.com/urfuwo/hlx-test/commit/c3d60f27a8556012d9ed15d947b49c016d6fb967) :x: (latest) * [69a0172](https://github.com/urfuwo/hlx-test/commit/69a0172376bbd5d36cdb441dc06b687a1e7130d4) :x: * [6145c46](https://github.com/urfuwo/hlx-test/commit/6145c4615ad22da279f5b1bd7ee6ea44b2797f3c) :x:

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/draft/rjwtrmn/hero-media-blend
/draft/rjwtrmn/the-article-copy
/draft/rjwtrmn/thomassaueressig-copy1
/topics