Flex and CSS Grid responsive preview card

I found putting a color on top of the photo the hardest but was able to fix by wrapping the image in another div and giving that div a background color. I had a hard time making the photo and business card info the same height in desktop. I used grid and set the height and width to 100% and fixed it.

Overall, this was a fun project and was proud that I fixed some problems that I was having.

If anyone has the time to look at my code do you have any advice as a way to come up with the same solution differently? Or by writing shorter code? Thank you.