feat: implement product opco cards

[duynguyen]

Fix #508

Test URLs:

• Before: https://main--danaher-ls-aem--hlxsites.hlx.page/us/en/product1
• After: https://508--danaher-ls-aem--hlxsites.hlx.page/us/en/product1

[aem-code-sync]

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]

Page	Scores	Audits	Google
/us/en/product1

[davenichols-DHLS]

The cards look good to me, happy if the others are.

[rgravitvl]

@duynguyen the height of the title block is bit high, may be we can reduce that, left border needs to be added and link color to be changed as well. Rest looks good to me, Thanks.

[duynguyen]

@rgravitvl the styling you see on this page https://508--danaher-ls-aem--hlxsites.hlx.page/us/en/product1 is the old one. This PR also comes with the new styles but you need to run the converter locally to see it.

Regarding the space of the title block, because there are some titles that span 2 lines, it looks better to leave a bit of space to align the description on the same line. Otherwise the description blocks are misaligned.