Code: Align image to top for Image with text overlay

Add the following code to the very bottom of this file on a new line:
assets/style.scss.liquid

/* -- code to use top position on image for Image with text overlay -- */
.template-index .homepage-image .background-size-cover {
    background-position:center top;
}
/* - end - */

Save the file.

If you're using a slide-show on your homepage as well and would like those images to remain centred, then use this code instead:

/* -- code to use top position on image for Image with text overlay -- */
.template-index {
  .homepage-image .background-size-cover {
      background-position:center top;
  }
    .homepage-slideshow .background-size-cover {
      background-position:center center;
  }
} 
/* - end - */

That will return the slide-show to a centred position while the Image with text overlay banner is aligned to the top.