Image content grid block

[nimithshetty17]

Issue

Fixes #MERATIVE-910

Description

Creation of the image content grid block.

• Figma Link - https://www.figma.com/file/vw24IPXXt4vCh9BNumka9A/Web--Merative-Digital-Design-System-2.0?type=design&node-id=21610-14427&mode=design&t=uDzjrfRhEKyqDCEm-0

Test URLs

• Before (Changes from main): https://main--merative2--nimithshetty17.hlx.page/block-library/blocks/image-content-grid
• After (Changes from this PR): https://image-content-grid-block--merative2--nimithshetty17.hlx.page/block-library/blocks/image-content-grid

[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
/block-library/blocks/image-content-grid

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/blocks/image-content-grid

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/blocks/image-content-grid

[nimithshetty17]

@sachinmesh please find the fixes below:-

1. Spacing between the list heading and paragraph below it should be 16px and not 24px. - Fixed
2. The list container size is wrong - Fixed
3. The image container size is wrong. The image and the text on the right should have 120px spacing. - Fixed
4. On mobile, the spacing between the list heading and paragraph below should be 16px and not 24px. -Fixed
5. Waiting for the bone background version also. - Tuned image to look half circle even in the white background.

[sachinmesh]

1. These list containers should be of 305 width

   

2. The semicircle image dimensions are wrong.. Check the correct one

   

Sharing the figma file here. https://www.figma.com/file/vw24IPXXt4vCh9BNumka9A/Web--Merative-Digital-Design-System-2.0?type=design&node-id=21610-14449&mode=design&t=D6dm8a9w1cfpxcQ3-4

@nimithshetty17 @anabarcelona @keith-kaplan

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/blocks/image-content-grid

[sachinmesh]

Good to go @nimithshetty17 @keith-kaplan @anabarcelona

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/blocks/image-content-grid

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/blocks/image-content-grid

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/blocks/image-content-grid

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/blocks/image-content-grid

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/blocks/image-content-grid