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%; }