.image-container {
  display: flex;           /* Enables flexbox layout */
  justify-content: center; /* Centers image horizontally */
  align-items: center;     /* Centers image vertically (requires container height) */
  min-height: 100vh;       /* Optional: Makes container full screen height */
  padding: 20px;           /* Adds breathing room for mobile screens */
}

img {
  max-width: 100%;         /* Ensures image never overflows mobile screens */
  height: auto;            /* Maintains original aspect ratio */
}
body{
    margin: 0;               /* Removes default margin */
    padding: 0;              /* Removes default padding */
    background-color: #f1ece6;
}