Section metadata options: background colour & image #64

[kesiah]

Fix #64

Test URLs:

• Before: https://develop--vg-macktrucks-com-rd--netcentric.hlx.page/homepage https://develop--vg-macktrucks-com-rd--netcentric.hlx.page/drafts/laura/pdp
• After: https://64-section-bg--vg-macktrucks-com-rd--netcentric.hlx.page/homepage https://64-section-bg--vg-macktrucks-com-rd--netcentric.hlx.page/drafts/laura/pdp

Section metadata can contain the following styles:

• black background
• gray background
• ~gray background overlap (used for testimonial block)~
• background with dots (used for solutions + cards; can be used in combination with gray background)

The section metadata can contain a background image, for columns info variant. See https://64-section-bg--vg-macktrucks-com-rd--netcentric.hlx.page/drafts/syb/columns and how it’s done in Franklin:

[aem-code-sync[bot]]

Hello, I'm the AEM Code Sync Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/
/drafts/laura/pdp

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/
/drafts/laura/pdp

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/
/drafts/laura/pdp

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/
/drafts/laura/pdp

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/
/drafts/laura/pdp

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/
/drafts/laura/pdp

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/
/drafts/laura/pdp

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/
/drafts/laura/pdp

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/
/drafts/laura/pdp

[markovukiceviccn]

On this link https://64-section-bg--vg-macktrucks-com-rd--netcentric.hlx.page/drafts/laura/pdp Heading is missing word-wrap property

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/pdp
/drafts/syb/columns
/homepage

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/pdp
/drafts/syb/columns
/homepage

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/pdp
/drafts/syb/columns
/homepage

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/pdp
/drafts/syb/columns
/homepage

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/laura/pdp
/drafts/syb/columns
/homepage