Implement mosaic reveal block

[vladciocoiu]

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 #74

Test URLs:

• Original: https://www.esri.com/en-us/about/about-esri/mea-central-asia
• Before: https://main--esri--aemsites.hlx.live/drafts/vciocoiu/mosaic-reveal
• After: https://add-mosaic-reveal--esri--aemsites.hlx.live/drafts/vciocoiu/mosaic-reveal

[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

* [31cf737](https://github.com/aemsites/esri/commit/31cf737bf483fc9de21d0facd1c2dc288cc77d8c) :white_check_mark: (latest) * [1280f3d](https://github.com/aemsites/esri/commit/1280f3d61638ebb01b5b64237a64d3f1682fbeec) :white_check_mark: * [63c1ad9](https://github.com/aemsites/esri/commit/63c1ad9f0aabc3648ecd31eca3ef7e048476639f) :white_check_mark: * [5278680](https://github.com/aemsites/esri/commit/52786804eadc1ca04e86f908877aa87195ea2469) :white_check_mark: * [9bfbf1b](https://github.com/aemsites/esri/commit/9bfbf1b4b4b2f0ba1e02724a7ce5bf8813198543) :white_check_mark:

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/vciocoiu/mosaic-reveal

[alexcarol]

Regarding the animation, on the live site the element appears to be moving ("translateY") from the bottom, rather than scaling in the current implementation. Could you give a short to that approach?

[vladciocoiu]

Regarding the animation, on the live site the element appears to be moving ("translateY") from the bottom, rather than scaling in the current implementation. Could you give a short to that approach?

I animated the inset-block-start, since that was the approach in the live site. Thanks for pointing it out!