/* Reset box sizing for predictable layout */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;   /* horizontal alignment */
  align-items: center;       /* vertical alignment */
  min-height: 100vh;
  background-color: #f4f4f4; /* neutral backdrop */
}

/* Container controls alignment and max width */
.image-container {
  max-width: 100%;
  padding: 1rem;
}

/* Responsive image rules */
.image-container img {
  display: block;        /* removes inline spacing issues */
  max-width: 100%;       /* scale down on small screens */
  height: auto;          /* preserve aspect ratio */
  margin: 0 auto;        /* horizontal centering fallback */
}