Broadcast Hero Content Don't Get Overlapped When Disabeling Featured Image.

Hello!

This is how I want my site to look: https://gyazo.com/6dfaff5b3f724165bff72cf277edecca

However, when I set a featured image for this page and then use this css:

.page-header-image {
display: none;
}

The overlapping of the body content stops and it looks like this: https://gyazo.com/fc56e713ed54f9ec8497328ff552781c

How can I insert a featured image to a page and not have it affect the overlapping effect of the body?

Br