body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height:85vh; /* Ensures body takes at least full viewport height */
    background-color: #ffffff; /* White background, adjust as needed */
    
}

#daily {
    /* Image will scale down while maintaining aspect ratio */
    max-width: 100%;
    height: auto;
    display: block; /* Removes any extra space below the image */
    max-height: 100vh; /* Ensures image does not exceed viewport height on tall screens */
    object-fit: contain; /* Keeps aspect ratio while fitting in container */
}

/* Adjustments for smaller screens */
@media screen and (max-width: 768px) {
    body {
        /* Optionally adjust padding or other properties for mobile */
        padding: 10px;
    }
}