html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* Ensure full height for html and body */
    overflow: hidden; /* Prevent scrollbars if content overflows */
}

.fullscreen-gif {
    background-image: url('images/26-NYTIMES-topaz-upscale-2.4x.png'); /* Replace with your GIF's path */
    background-position: center center; /* Center the GIF */
    background-size: cover; /* Cover the entire area */
    background-repeat: no-repeat; /* Prevent GIF from repeating */
    position: fixed; /* Fix the position relative to the viewport */
    top: 0;
    left: 0;
    width: 100vw; /* 100% of viewport width */
    height: 100vh; /* 100% of viewport height */
    z-index: -1; /* Place it behind other content if any */
}