body {
    /* Optional: removes default margin so image fits tight to edges */
    margin: 0; 
    padding: 0;
    /* Sets the height of the body to fill the entire browser window (viewport) */
    height: 100vh;
    /* Centers the image within the body */
    display: flex;
    justify-content: center;
    align-items: center;
    /* Prevents scrollbars if the image is exactly the size of the screen */
    overflow: hidden; 
}

img {
    /* Ensures the image never exceeds the width of its container */
    max-width: 100%; 
    /* Maintains the image's aspect ratio automatically */
    height: auto; 
    /* Optional: for fitting the entire image inside the container without cropping, leaving empty space if needed */
    object-fit: contain; 
    /* Optional: for making the image cover the entire container (might crop edges) */
    /* object-fit: cover; */ 
}