body, html {
    height: 100%; /* Ensure the body and html elements take up the full viewport height */
    margin: 0; /* Remove default browser margins */
    padding: 0;
    overflow: hidden; /* Hide scrollbars if the image slightly overflows */
}

.bg {
    /* The image used */
    background-image: url("bg.jpg"); 
    
    /* Full height */
    height: 100vh; /* Use viewport height to ensure it covers the window */
    width: 100vw; /* Use viewport width */

    /* Center and scale the image nicely */
    background-position: center; /* Center the image in the container */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    background-size: cover; /* Scale the image to cover the entire container while maintaining aspect ratio */
}