Only have background image on half of the splash page

Summary:

I am working on updating our career site and have ran into an unexpected issue. I need to make the background image only half of the page. I have the image, but cannot find a way to only make the image go to the line. I have tried to use CSS but because of the scrolling and different size screens, the image goes up and down with the scrolling and I do not want that.

Content (please ensure you mask any confidential information):

Version (include the version you are using, if applicable):

Code Snippet (add any code snippets that support your topic, if applicable):