body {
  /* Set the GIF as the background image */
  background-image: url("BG1.gif");

  /* Ensure the GIF covers the entire viewport */
  background-size: cover;

  /* Center the image */
  background-position: center;

  /* Prevent the GIF from repeating */
  background-repeat: no-repeat;

  /* Fix the background so it doesn't scroll with the content */
  background-attachment: fixed;
}

/* Optional: Style the text to be more readable against the background */
h1, p {
  color: white;
  text-shadow: 2px 2px 4px black;
  text-align: center;
}