497: Hero styling tweaks

[rjwtrmn]

• Eyebrow arrow removed
• Content vertically centered to horizontal axis
• Image aspect ratio enforced (16:9)

Fix #497

Test URLs: Content Hub: L3 (text centered, aspect ratio, eyebrow arrow removed)

• Before: https://main--hlx-test--urfuwo.hlx.live/blog/ext-how-ai-powered-cybersecurity-combats-ai-threats
• After: https://497-hero-media-blend-styling-tweaks--hlx-test--urfuwo.hlx.live/blog/ext-how-ai-powered-cybersecurity-combats-ai-threats

L2 (text centered)

• Before: https://main--hlx-test--urfuwo.hlx.live/topics/sustainability
• After: https://497-hero-media-blend-styling-tweaks--hlx-test--urfuwo.hlx.live/topics/sustainability

L1 (No change)

• Before: https://main--hlx-test--urfuwo.hlx.live/topics/
• After: https://497-hero-media-blend-styling-tweaks--hlx-test--urfuwo.hlx.live/topics/

[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

* [3a17fd3](https://github.com/urfuwo/hlx-test/commit/3a17fd3680689ed81114aee7176152c0069ea5fd) :white_check_mark: (latest) * [af20d1e](https://github.com/urfuwo/hlx-test/commit/af20d1e968082a7a861bb9caa51034d95cf6cc90) :white_check_mark: * [299a09c](https://github.com/urfuwo/hlx-test/commit/299a09ce7ff363a2e11fc5a495a5ddea6ef52bab) :white_check_mark: * [ed502e6](https://github.com/urfuwo/hlx-test/commit/ed502e6d533a0a45ca226139cdcedfe542a7510b) :white_check_mark: * [37e92b7](https://github.com/urfuwo/hlx-test/commit/37e92b7ba8a0a02a34a77004128de8ab503bf500) :white_check_mark:

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/blog/ext-how-ai-powered-cybersecurity-combats-ai-threats
/topics/
/topics/sustainability

[saurabh-khare]

@rjwtrmn Is there a way to wrap text?

[rjwtrmn]

@rjwtrmn Is there a way to wrap text?

Not around background images, perhaps we could add this image as additional content instead of background image? @saurabh-khare

[saurabh-khare]

@rjwtrmn Is there a way to wrap text?

Not around background images, perhaps we could add this image as additional content instead of background image? @saurabh-khare

Lets do that as part of separate ticket. Can you create another ticket which we can fix later and we merge this PR?

[rjwtrmn]

@saurabh-khare Separate ticket created: https://github.com/urfuwo/hlx-test/issues/506