body, html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    background-color: #dadada; /* Change background color if needed */
}

.center-container {
    text-align: center; /* Ensures the image within is centered if it behaves as inline/inline-block */
}

.logo {
    max-width: 300px; /* Adjust the maximum width of your logo */
    height: auto;
}