CSS Alignment of button next to Image based on view port changes

I have a button, next to an image in a banner div. The Image size is 1024 x 83, when I view the page in a normal view, the button lines up next to the button just fine. However when I adjust the view port to below 1024 pixels, the image file drops beneath the button, but scales appropriately. I would like to keep the image next to the button without dropping beneath the button. Here is my HTML:

I have tried to add float: left; to the .btn-danger and float: right; to the .banner-image, no joy. I then added display: inline-block; to both classes. Still no joy. I then added absolute-positioning but still having no success.