Enriched the 3-D spinning in catalog cards carousel and fixed SVG Image issue.

[Ajay-singh1]

Description

This PR enriches the 3-D Spinning of cards caraousel and fixes the SVG image problem where there is a PNG within the SVG files.The PNG files within those SVG Images makes it difficult to manipulate the SVG images.I have also updated the wrong CSS Classnames in the file so that the properties of CSS is applied to the elements.Also I have added some images for the catalog cards which is nothing but manipulated SVGs.

Screencast.from.2024-12-24.17-30-29.mp4

This PR fixes #5467

Notes for Reviewers

This PR will have the effect on the following websites.

1.https://layer5.io/cloud-native-management/catalog (3-D Spinning)
2.https://layer5.io/cloud-native-management/kanvas (3-D Spinning)
Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit b5ea903 at: https://676bdc5869558819813c6a4e--layer5.netlify.app

[l5io]

🚀 Preview for commit 7541c37 at: https://676be0e183893a2fc6a2c4f3--layer5.netlify.app

[l5io]

🚀 Preview for commit 6a3c8bc at: https://676be4d686569d2e1dadaa9a--layer5.netlify.app

[l5io]

🚀 Preview for commit 8a68373 at: https://676be8678a6ced2369925dd8--layer5.netlify.app

[l5io]

🚀 Preview for commit 62627ca at: https://676bedf783893a3ec9a2bdd2--layer5.netlify.app

[l5io]

🚀 Preview for commit 3a63358 at: https://676bf70ed4b6744967e2c3a3--layer5.netlify.app

[l5io]

🚀 Preview for commit 8cd464a at: https://67712e6dc548a5cfda5da9f1--layer5.netlify.app

[vishalvivekm]

Thank you for your contribution!
Let's discuss this during the website call on Monday at 6:30 PM IST

Add it as an agenda item to the meeting minutes, if you would.

[leecalcote]

I assume this PR has been abandoned.