/* Parent container for text on the home photo*/
.image-container {
  padding-top: 83px;
  /* Offset for the fixed navbar on loading */
  position: relative;
  /* Enables positioning for child elements */
  display: inline-block;
  /* Makes the container size match the image */
}

/* Image styling */
.image-container img {
  display: block;
  /* Removes unwanted whitespace below the image */
  width: 100%;
  /* Adjust as needed */
  height: auto;
  /* Maintain aspect ratio */
}

/* Text overlay styling */
.image-container .text-overlay {
  position: absolute;
  /* Position relative to the container */
  top: 48%;
  /* Distance from the bottom of the image */
  left: 0px;
  /* Distance from the left of the image */
  color: #CCCCCC;
  /* Text color */
  font-size: 18px;
  /* Text size */
  font-weight: bold;
  /* Make text bold */
  background: rgba(0, 0, 0, 0.6);
  /* Optional: Background for readability */
  padding: 10px;
  /* Optional: Padding around the text */
  border-radius: 5px;
  /* Optional: Rounded corners for the background */
}

#home-image-link {
  color: #CCCCCC;
  text-decoration: none;
}

#home-image-link:hover {
  color: #fec771;
  text-decoration: underline;
  /* this underline does not work */
}

@media (max-width: 991.98px) {
  .image-container {
    padding-top: 66px;
  }
}

@media (max-width: 400px) {
  .image-container {
    padding-top: 59px;
  }
}