html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

.fullscreen-gif-background {
      background-image: url('gifs/seal.gif'); /* Replace with your GIF path */
      background-size: cover; /* Scales the image to cover the entire container */
      background-position: center; /* Centers the background image */
      background-repeat: no-repeat; /* Prevents the image from repeating */
      position: fixed; /* Fixes the background to the viewport */
      top: 0;
      left: 0;
      width: 100vw; /* 100% of viewport width */
      height: 100vh; /* 100% of viewport height */
      z-index: -1; /* Places the background behind other content */
}