.image-container {
  width: 100%;
  max-width: 600px; /* Optional: limits the maximum size on big screens */
  margin: 0 auto;   /* Centers the container */
}

.responsive-img {
  width: 100%;
  height: auto;     /* Maintains the correct aspect ratio so it never looks squished */
  display: block;   /* Removes unwanted gaps or extra spacing underneath the image */
  border-radius: 8px; /* Optional: adds soft, clean rounded corners */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: adds a subtle shadow */
}