home page - remove image overflow

Site URL: https://lindsayreid.photo/

Hello, I'd like to remove the vertical scrolling on my home page. It loads the image initially underneath the header bar and then forces the viewer to vertically scroll down the height of the header to view the bottom part of the image. Any idea on how I could do this or set the image to be fixed within the window with the header bar overtop of the top part of the image?

16 hours ago, Zeeba said:

Site URL: https://lindsayreid.photo/

Hello, I'd like to remove the vertical scrolling on my home page. It loads the image initially underneath the header bar and then forces the viewer to vertically scroll down the height of the header to view the bottom part of the image. Any idea on how I could do this or set the image to be fixed within the window with the header bar overtop of the top part of the image?

Add to Design > Custom CSS

/* home image overflow */
body.homepage article section {
    padding-top: 0 !important;
}
body.homepage, html {overflow-x:hidden;}