Issue hero image rendering

[jindaliiita]

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix #332

Test URLs:

• Before:
  • https://main--shredit--stericycle.aem.page/en-us/secure-shredding-services
• After:
  • https://issue-hero--shredit--stericycle.aem.page/en-us/secure-shredding-services

[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

* [6c90279](https://github.com/aemsites/stericycle-shared/commit/6c902795721dea08ef5144565c78e4cfaef774c9) :white_check_mark: (latest) * [7539a5a](https://github.com/aemsites/stericycle-shared/commit/7539a5abe3d84bd3a62576e9fe13d095122c063d) :white_check_mark: * [dbd6e01](https://github.com/aemsites/stericycle-shared/commit/dbd6e01d3077b8744ec659826b6323ffd0bfc282) :white_check_mark:

[aem-code-sync[bot]]

	Page	Scores	Audits	Google
:iphone:	/en-us/secure-shredding-services
:desktop_computer:	/en-us/secure-shredding-services

[jindaliiita]

Added custom breakpoints width for the hero block and also loading image eagerly

[jindaliiita]

@colinvlasak Can you please check if image quality improved with this change ? Sample URL -> https://issue-hero--shredit--stericycle.aem.page/en-us/secure-shredding-services

[jindaliiita]

Also covers https://github.com/aemsites/stericycle-shared/issues/211

[colinvlasak]

@jindaliiita looks better. Can we apply this to all Hero images across the site?

[jindaliiita]

@jindaliiita looks better. Can we apply this to all Hero images across the site?

It will be automatically applied

[colinvlasak]

@jindaliiita great, let me know once rolled out and I will QA a number of pages to check the improvement across the site