html {
    height: 100%;
}

body {

}

.header-image-home {
    background-image: url(https://via.placeholder.com/375x335webp);
    min-height: 40%;
    max-height: 45%;
    width: 100%;
    position: fixed; /* Try setting this to relative and .page-title to absolute */
    top: 40px;
    left: 0;
}

.page-title { /* This needs to be bottom center of header-image-home/header-image */
    font-family: sans-serif;
    font-size: 4vw;
    text-align: center;
    position: absloute;
    box-shadow: 3px;
    color: azure;
}

.content {
    margin-top: 95%;
}