How to stop the banner image from showing like this on mobile?

[empiricalarby]

https://empiricalwater.com/

On mobile, it shows up like this:

How do I stop the banner image from showing below the line "Designed and produced..."?

Thank you!

[Dan-From-Ryviu · Accepted solution]

Go to your Online store > Themes > Edit code > open section-image-banner.css, remove this code. 

.banner__media {
   min-height: 500px;
  background-attachment: fixed!important;
  background-size: cover;
  background-repeat: no-repeat;
}