The issue is that my banner as it stands cuts off text (which is incorporated in into the image) when a desktop browser is narrowed, or if the page is viewed in a portrait iPad or on an iPhone. I hope that makes sense.
One workaround could be for me to just move the text to within the area that the smallest width covers, though again if there are other things I could do I'd be grateful to hear.