.info-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 50px; /* Center container on the page */
  flex-wrap: wrap; /* Center container on the page */
}
.earthLogo-section {
  padding-top: 50px;
  display: flex;
  align-items: center; /* Aligns logo with the start of the text section */
  margin-left: 20px; /* Spacing between text and logo */
}
.earthLogo {
  width: 150px; /* Adjust size as needed */
  height: auto;
  padding-right: 10px; /* Adjust padding to align text with logo */
}
.info-row {
  display: flex;
  margin-bottom: 8px; /* Adds space between rows */
  font-size: 1.2em;
}
.label {
  min-width: 100px;
  font-weight: bold;
  color: grey;
  font-size: 1.0em;
}
.content {
  flex: 1;
}
.image-container {
  text-align: center; /* Centers title with the image */
  margin-bottom: 20px; /* Space between each image container */
}
.image-section {
  display: flex;
  padding: 20px; /* Add some padding around the image section */
  flex-direction: row;
  align-items: center; /* Centers everything horizontally */
}
.image-title {
  color: black;
  font-size: 1.5em; /* Adjust title font size as needed */
  margin-bottom: 10px; /* Space between title and image */
  font-weight: bold;
}
.image {
  max-width: 100%; /* Ensure each image takes up less than half the width */
  height: auto; /* Maintain aspect ratio */
}
.image2 {
  max-height: 480px;
  height: auto; /* Maintain aspect ratio */
  border-radius: 8px; /* Optional: Add rounded corners */
  object-fit: cover;
  margin: 0 10px;
}
.caption-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -50px;
}
.caption-row {
  display: flex;
  align-items: center;
  gap: 8px; /* Space between captions and the "+" sign */
}
.caption-text {
  font-size: 1.3em;
  color: #ff4d4d;
  text-align: center;
  padding-left: 80px;
  padding-right: 80px;
}
.plus-sign {
  font-size: 1.3em;
  color: red;
  font-weight: bold;
}
.synergetic-text {
  margin-top: 10px;
  font-size: 1.3em;
  color: #ff4d4d;
  text-align: center;
  margin-bottom: 30px;
}
.synergetic-text::before {
  content: "➔ "; /* Adds arrow before the text */
  color: red; /* Arrow color matches text color */
  font-size: 1.1em; /* Adjust size if needed */
  margin-right: 5px; /* Space between arrow and text */
}
.courtesy-text {
  text-align: center;
  font-style: italic;
  color: #5f5f5f; /* Or a darker shade, as you prefer */
  color: black; /* Or a darker shade, as you prefer */
  margin-bottom: 10px;
}