When it comes to images in landscape on mobile devices, what you are showing is actually the best practice way.
There are only two things you can do here.
- accept the user experience as you see in the screenshot.
- or shrink the image to fit the height of the landscape mode (not recommended)
And this is meant to help…
From a UX perspective the first option is familiar and a better alternative than the second.
also, take it from me (or not), but this “issue” shouldn’t take any more of your time. One of the trickier things about web design and development is that we are always wondering/questioning what “normal” behavior is. We can quickly lose time and energy trying to find best practice solutions. So real friends don’t let friend fixate over established patterns unless the idea is really really great!
Hope this helps someone.