Responsive issue

Hi All
I have been trying to get the header image to be responsive on mobile devices and desktops.
Header image is http://tambawildflower.com/wp-content/uploads/2019/08/TAW187_FacebookBanner-e1566913212730.jpg

On mobile devices i get https://ibb.co/27m4yrJ where it only shows the centre of the image however I need the whole logo and tag line.

On desktops im getting https://ibb.co/9sjqtSd where the name and tagline are cropped out.

Any ideas on what I can do to make sure the name, logo and tagline are shown on all devices?. I have been playing around the additional CSS but just not winning. Any help would be awesome.

Thanks

The page I need help with: [log in to see the link]