Fixed Styles and Spacing issues in interpreting-meshery-designs

[KrishnaShuk]

Description
This PR fixes the Image Rendering and Spacing Issue in interpreting-meshery-designs page [https://layer5.io/learn/learning-paths/mastering-meshery/introduction-to-meshery/meshery/interpreting-meshery-designs
].

This PR fixes #6535

Video for Comparison

Screencast.from.2025-06-13.08-16-45.1.mp4

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit fa69c03 at: https://684b9e55c822640948a3b171--layer5.netlify.app

[l5io]

🚀 Preview for commit ea84998 at: https://684d19a5a49b7228063d0803--layer5.netlify.app

[KrishnaShuk]

hey @vishalvivekm , this PR is ready. You can merge it.

[LibenHailu]

hey @vishalvivekm , this PR is ready. You can merge it.

Can we center the image i think it can be fixed by removing width="100%" and giving padding, other than that it looks so much better.

[vr-varad]

same for these images as well, u can center them as well

[vr-varad]

and make images larger on small screens

[KrishnaShuk]

Ok i will make the required changes.

[vr-varad]

@KrishnaShuk any update?

[KrishnaShuk]

@vr-varad I am in midst of my college exams. I will make a commit within 2 days.

[KrishnaShuk]

@vr-varad I have made the required changes.

[l5io]

🚀 Preview for commit bf7676c at: https://685a2ac3e037d559c6ff9712--layer5.netlify.app

[l5io]

🚀 Preview for commit 84e2870 at: https://685a3aa7e037d58be5ff959d--layer5.netlify.app

[LibenHailu]

LGMT!

[vr-varad]

@KrishnaShuk LGTM
Just One thing add spacing here between image and text.

then its good to merge.

[KrishnaShuk]

@vr-varad Changes done. You can merge it.

[l5io]

🚀 Preview for commit a21245d at: https://685cf729c6effd6ff02c4bc2--layer5.netlify.app

[KrishnaShuk]

@vishalvivekm Changes done. You can merge it!

[vr-varad]

@KrishnaShuk
Thank you for your contribution!
Let's discuss this during the website call today at 7 AM CT

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