Frontpage image too tall (buttons drop off page)

I have followed the instructions to change the image on the frontpage (jumbotron section), but in my version the frontpage image is much taller and therefore the buttons move down. I have tried to crop the image, but with same results. I would like to have everything on one page.
Also, in my mobile version, the image doesn’t resize, but just shows part of the image. (see attachment example)
URL: http://www.zaampjes.nl/

Many thanks for your help!

Hello there,

I hope you are doing well today.

The content is already on a single page so could you explain what you mean when you say you want everything on one page?

You can use the following CSS code to change the background image’s position and size by going to Appearance > Customize > Additional CSS and pasting it there.


/*Homepage background size  and position*/
@media only screen and (max-width: 767px)
(index):82
#header {
    background-position: right;
    background-size: 750px 750px;
}


Best Regards,
Support