Landscape only code for mobile 7.1

Site URL: https://www.demarphotography.org/

*SOLVED*

I need to have the photo in the header area (first section) display full size in mobile landscape mode. I can achieve that with this code:

/*spacing for top section*/
@media screen and (max-width:767px) {
[data-section-id="5fc17093e18c5c478e3240e7"] {
    padding-top: 50px;
}
}

BUT, then the photo is too big in mobile portrait mode. Is there a way to have this code work only in landscape mode? Or is there another work around for this issue? 

I don't have the code working right now as this is a live client site - I am not the original builder of the site and new to Squarespace so not sure how everything works. Thank you for any help you can give!

@media screen and (max-width:767px) and (orientation:landscape) {}

Use this media code