body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh; /* 100% of the viewport height */
    margin: 0; /* Remove default margin */
}

img {
    max-width: 100%; /* Ensure the image doesn't exceed the viewport width */
    max-height: 100%; /* Ensure the image doesn't exceed the viewport height */
    vertical-align: middle; /* Align the image vertically in the middle */
}