My banner image has a ton of space around it. How can I fix it?

Add this code in your base.css file:

@media (min-width: 500px) {
  div#Banner-template--16160181223636__image_banner img {
    width: 149%;
    height: 149%;
    transform: translate(0px, -15%);
  }
}
@media (max-width: 499px) {
  div#Banner-template--16160181223636__image_banner img {
    width: 120%;
    height: 120%;
    transform: translate(0px, -7%);
  }
}

The second code is for mobile, I have made the design a little larger on these devices.

Before:


After: