body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    /* Prevents scrollbars that can appear from default body margins */
}

.container {
    display: flex; /* Enables flexbox layout */
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    height: 100vh; /* Sets the container height to 100% of the viewport height */
    width: 100vw; /* Sets the container width to 100% of the viewport width */
    background-color: #f9f9f9; /* Optional: adds a background color for context */
}

.container img {
    /* Optional: ensures the image scales while maintaining its aspect ratio */
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Ensures the whole image is visible without stretching */
}