Issue: Orange Popup Overlapping Article Headings in Blog Section

[yadhvi13]

###Description:
In the Blog section, multiple article cards (such as Trending, Latest, etc.) display an orange popup/tag on each article. However, the popup is overlapping the article headings, which makes the text look cluttered and visually unpleasant from a user’s perspective. Also, the images from all the article cards are missing.

###Steps to Reproduce:
-Go to the Blog section.
-Observe any article card under categories like Trending or All Articles.
-Notice that the orange popup/tag overlaps or covers part of the heading text.

###Expected Behavior:
The orange popup/tag should be properly aligned and should not overlap the article title. The heading should remain clearly visible and readable. And the image should be there also.

###Impact:
-Affects readability and aesthetics of the Blog section.
-Reduces user experience and professional appearance of the page.

Priority: High
Type: UI Bug

###ScreenShot:
https://drive.google.com/file/d/16uIwMBcApvKgeENpYkXMry4s6AzBS0Xo/view?usp=sharing

###kindly assign this issue to me, I would like to work on that issue.

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊