body, html {
  margin: 0;
  height: 100%;
}

.center-container {
  display: flex;
  justify-content: center;  /* Horizontal center */
  align-items: center;      /* Vertical center */
  height: 100vh;            /* Full viewport height */
  background: #EEE9DE;      /* Optional: background color */
}

.center-image {
  max-width: 80%;   /* Scale image down on smaller screens */
  max-height: 80vh; /* Prevent overflow vertically */
}