@import 'indexfile.css';
body {
  background-color: green; /* Overrides whatever background was in base-styles */
}
font-size:  24px;

/* The wrapper holding the images */
.image-container {
  display: flex;          /* Activates flexbox layout */
  gap: 15px;             /* Adds uniform spacing between the images */
  width: 100%;           /* Spans the full width of the page */
  flex-direction: row;
}

/* Individual image behaviors */
.image-container img {
  flex: 1;               /* Forces all 3 images to share space equally */
  width: 33%;           /* Makes images scale correctly */
  height: auto;          /* Maintains original aspect ratio */
  object-fit: cover;     /* Prevents squishing if aspect ratios differ */
}