body {
  background-image: url("images/VARVER-HOME.jpg"); /* Replace with your image path */
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed; /* Keeps image fixed during scrolling */
  background-size: cover; /* This is the key property */

  /* Ensure the body takes up the full screen height and remove default margins */
  height: 100vh;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  body {
    background-image: url("images/VARVER-HOME.jpg"); /* Load smaller image for mobile */
  }
}