Header image responsive resize?

SInce the header is a background image, is there any way to get it to just resize based upon device width instead of just acting like the mage is being cropped? M header image looks fantastically stupid on, say, my iPhone, because it’s just being zoomed in on instead of resizing to look the same as it does on the desktop.

Thanks!