.hero {
    background-image: url('/images/Halley.png');
    background-size: cover; /* Cover the entire area */
    background-repeat: no-repeat;
    background-position: center 80%; /* Pushes the image down */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center vertically */
    align-items: center;     /* Center horizontally */
    object-position: center 95%;
}


/* Full height foundation */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevents horizontal scroll */
  }

  /* Ensure hero fills screen */

  /* Fix any general overflow from images, content, etc. */
  * {
    box-sizing: border-box;
  }

  /* Optional: smooth scroll and font rendering polish */
  html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }