/* styles.css */ 
 
body, html { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    background-color: #fff; /* Optional background color */ 
} 
 
.image-container { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 100%; 
    height: 100%; 
} 
 
.image-container img { 
    max-width: 100%; 
    max-height: 100%; 
    object-fit: contain; /* Ensures the image maintains its aspect ratio */ 
}