/* Main Selectors */
/* Reset default margin and padding */
/* Define font properties */
body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
}

/* Target specific elements */


/* 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 */
}