body {
    /* Remove default browser margins and padding */
    margin: 0;
    padding: 0;
    /* Optional: Set a fallback background color */
    background-color: #000;
}

.background-image {
    /* Set the image as a background */
    background-image: url('https://img.notionusercontent.com/ext/https%3A%2F%2Fscubaverse.com%2Fwp-content%2Fuploads%2F2021%2F11%2FHeader-Image.jpg/size/w=2000?exp=1769366135&sig=c7IhtGRqFXmF42vNdsquKJExt_JoctKXbxQWp1lN1W8&id=2f31025b-3a70-8047-87ff-d9c7b2a233e9&table=block&userId=a1a3f574-be4f-48a4-bdc2-c3eac2e73d9a" alt="Full screen background image'); 
    
    /* Center the background image */
    background-position: center; 
    
    /* Scale the background image to be as large as possible to cover the entire container */
    background-size: cover; 
    
    /* Prevent the background image from repeating */
    background-repeat: no-repeat; 
    
    /* Ensure the container takes up the full viewport height and width */
    width: 100vw;
    height: 100vh;
    
    /* Optional: Add styling for content appearing over the image */
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-shadow: 2px 2px 4px #000000;
}