🐛 Bug: JSON blog preview image in homepage is streched

[mihail-8480]

Describe the bug

This can be fixed by adding this style on the <img> element:

object-fit: contain;

or this Tailwind class:

object-contain

Steps To Reproduce

1. Go to https://json-schema.org/
2. Scroll down to "The JSON Schema Blog"
3. Observe the blog image

Expected Behavior

The image not being stretched

Screenshots

Current Version

After adding object-fit: contain

Device Information [optional]

- OS: Arch Linux
- Browser: `google-chrome` (Stable Channel)
- version: `136.0.7103.113-1`

Are you working on this issue?

No

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[github-actions]

Welcome to the JSON Schema Community. We are so excited you are here! Thanks a lot for reporting your first issue!! 🎉🎉 Please make sure to take a look at our contributors guide if you plan on opening a pull request.
For more details, check out the README.md file.

[benjagm]

Thanks for raising it. Feel free to submit a pr.

[animeshsahoo1]

@benjagm I think he is not working on the issue as specified in the issue. If you want I can take it up, I have already made a PR which will close the issue.