Header image not showing on mobile

I found this… https://www.ads-software.com/support/topic/hero-image-not-showing-for-laptop-and-mobile/
and am now getting the image on responsive screens (mobile, laptop and resized windowns)…

BUT NOW THE PROBLEM IS… the image is cropping, not scaling… So it is losing vital information. How do I get the image to scale to the browser width (no cropping) on all browsers/devices? Thanks!

Sorted (or avoided). Now using slider on the front page – which scales properly without cropping (which that slide needed) – and image on the internal page where cropping doesnt matter. All good!