/* Reset some default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body and container styles */
body {
    font-family: Arial, sans-serif;
    background-color: white;
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Ensure the container takes full window height */
.container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Image will fit the height of the window */
.responsive-image {
    height: 100vh; /* Fit the height of the viewport */
    width: auto;  /* Maintain aspect ratio */
    object-position: center; /* Ensure image stays centered */
}