Responsive Blog Preview Card

What are you most proud of, and what would you do differently next time?

I am proud to achieve the closest design as possible, also I have applied a animation when the user hover the card.

What challenges did you encounter, and how did you overcome them?

Definitely the border style, I don't think I could match it without extracting the figma css code for it.

What specific areas of your project would you like help with?

I would like help with the semantic HTML

1. I have used a h2 in the article topic, which comes before the h1, my main question is if it have impacts in accessibility.
2. Is correct to have a header with only a image and have the h2 and h1 in a main element.