All solutions

I used javascript to load the data.json. I am not sure if FEM will properly capture the fully loaded page in the screenshot.

This is a really rough first draft. I didn't hit any major roadblocks.

Updated:

I sorted out the vertical centering using just flex. I'll probably switch to @0xAbdulKhalid's grid solution though.

I also got rid of my media queries by just using min() in my max-width.

I was in the middle of trying to dial in the exact card dimensions when I discovered there was a screenshot/month limit.

Orignal:

I had trouble automatically centering the card vertically using grid. In the end I just settled for getting the top margin to 8vh.

I am unsure of if I handled the media queries and responsiveness in an optimal fashion. I suspect I could have used clamp to simplify some things. Perhaps min or max as well.

I wasn't sure what to do for the slight drop shadow on the card. I did my best to eyeball it.