CSS - How to set image max-height if screen is landscape and max-width if portrait?

Question

I am attempting to create a basic, static webpage, with a header, image below that, and a few lines of text. Using an internet browser on a 1920x1080 monitor, the CSS rule <