Responsive page using HTML and CSS

Hello!

This is my second challenge and part of what I found difficult were:

• Finding the correct font-family.
• Figuring how to change image from mobile to desktop, finally found the picture tag.
• Figuring out that I need to surround the picture tag with a div to make the picture a flex item
• Removing a extra space that appeared below the image by using display: block;

I will really appreciate it if you look at my code and give me your thoughts, corrections, and suggestions.

I look forward to reading your feedback.

Thank you.