I had searched here and found this code for placing an image in the background of the shop info widget area. So I had placed it in my custom css

#shop_info {
  background: url(image URL) no-repeat center !important;
}
#shop_info_wrap {
  background: none !important;
}

my problem was it still had a grey bar over the top portion, I then edited the screen.css to change the color of that portion, but it does not display well on smaller screens with gaps in the background.
What have I missed or got wrong in order to just have an image display in this area with no colored portion at the top?

Thankyou

access if required