Removing white spaces

Hi! I’m new to WordPress and came across this theme, it is a very nice theme and easy to work with.

I ran into one problem: removing white space
1. I want to remove the white space between the header and the cover only for the homepage.
2. And removing white space between the shape divider and the cover.

Take a look at it yourself https://www.shard.nl

1. There is a big white bar between the header and the cover image.
I want to remove this white space only for this certain page, the homepage.

I have set the canvas image to “remove top/bottom spacing”. nothing happens.
I have set general CSS to:

body:not(.ct-primary-spacing) .content-area {
padding-top: 0px;
padding-bottom: 0px;
}

with this, only the whitespace becomes a little smaller but doesn’t go away. Also, this affects all pages, I only want this effect for the homepage.

2. When visiting https://www.shard.nl and you scroll down. You see a shape divider and a cover image. Also with white space between those 2 elements.
I want to remove the white space between those 2 elements.

I tried I have set the canvas and the shape divider to “remove top/bottom spacing”. In the WordPress editor, there is no white space anymore. When I publish it there is still white space.

How can I fix this?

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