Good job at making the card consistently responsive.
Design also matches almost perfectly but the last image has extra bottom margin that was applied to it since classes weren't used for the images.
For future reference I would consider looking at this card and imagining the issues or problems you would run into if you have this card on a page multiple times. For example utilizing id's for your article-container and article-content may cause you issues with maintaining semantic html in the future.
Overall though, other than recommending less id's and more classes great job.
When I think of responsiveness I fall can fall into the hole of only using vh, vw, or percentages. But, you can utilize max-width with the size set in px's or rem's for items if you want to maintain responsiveness and keep an element small on a big screen.
You card gets very skinny as the screen gets smaller until you hit mobile, which then gets very wide, so this could help with a consistent look on different screen sizes.
Only other suggestion, is look into a css reset and minimize the use of !important in css. It's usually not necessary.