.center-container {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    height: 100vh;           /* Makes the container the full height of the viewport */
    width: 100vw;            /* Makes the container the full width of the viewport */
    margin: 0;               /* Remove default body margins */
}

/* Optional: Add responsive styling to the image itself */
.center-container img {
    max-width: 100%; 
    height: auto;
}