Header on mobile

After adding the following code (to get the header viewable on the mobile version), it still gets cut off on the mobile version. What do I need to change to view the whole image? Please see code I used below:

@media only screen and (max-width: 1024px) {
      .sydney-hero-area .header-image {
        background-image: url(https://pscfitters.com/wp-content/uploads/2016/07/logo-contact.jpg) !important;
        display: block !important;
        height: 200px !important;
      }
    }

The page I need help with: [log in to see the link]