/* Resetting margin and padding for body */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* The container that will center the image */
.centered-container {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    height: 100vh;           /* Full viewport height */
}

/* Optional: Add some styling to the image */
.centered-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Ensures the image scales well */
}