html, body {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container {
    max-width: 100%; /* Ensure image does not exceed container */
    max-height: 100%; /* Ensure image does not exceed container */
    text-align: center; /* Center image horizontally */
}

img {
    max-width: 80%; /* Ensure image resizes with container */
    height: auto; /* Maintain aspect ratio */
}