🐛 Bug: Improves the UI/UX of the blog post and its text on the mobile devices.

Describe the bug

This issue contains the small improvements on the blog pages that breaks the UI or not look responsive on the mobile device either on desktop site or without it.

1. The title text of blog is currently seems too large and takes too much space on mobile device.
2. The background image of this blog not fit properly on the mobile device.
3. The author icon and the read more button overlap each other and not properly define the responsive UI on the mobile device. It can create confusion to the blog reader by seeing the read button behind the icon.
4. On this blog , there is either a page or a image not found there between the blog contain. Need clarification?
5. In this page, there is a blog container inside which there is a un-necessary space present between the content that looks not good on the mobile device.

Steps To Reproduce

Go to the blog page and individual blog on the mobile device and see the UI/UX there.

Expected Behavior

The UI/UX of the blog page and it's text should look responsive on the mobile device as well. And also the not found item on the API days Paris 2023 blog should be resolve for better readability and understanding.

Screenshots

Device Information [optional]

- OS:Window
- Browser: Chrome,FireFox
- version:

Are you working on this issue?

Yes

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

No

The payload names no source files or tests; begin by reproducing the blog index and the named posts on a mobile device in Chrome or Firefox. Check the title, background image, author icon, read-more button, missing content, and spacing, then confirm that each page is responsive and the missing item is resolved.