/* Main Selectors */
/* Reset default margin and padding */
body, div, img {
  margin: 0;
  padding: 0;
}

/* Center the image within its container */
.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto; /* Adjust as needed */
}

/* Set max-width to ensure responsive behavior */
img {
  max-width: 100%; /* This ensures the image resizes with the viewport width */
  height: auto; /* Automatically maintain aspect ratio */
}