/* Container for image + text */
.about-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;   
  justify-content: center;
  gap: 2rem;
  max-width: 1000px;
  margin: 0 auto;
  padding: 2rem;
}


/* Image column */
.about-image-wrapper {
  flex: 0 0 400px; 
  max-width: 100%; 
  text-align: center;
}

/* Bio text column */
.bio-text {
  flex: 1;
  min-width: 300px;
  max-width: 600px;
  font-size: 1.25rem; /* Increase this number to make text larger */
  line-height: 1.6;   /* Optional: improves readability */
   text-align: center; 
}


/* Image sizing */
.bio-image {
  width: 100%;
  max-width: 450px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0px 12px 28px rgba(0,0,0,0.25);
}

/* Floating images row */
#floating-img {
  text-align: center;       /* centers content inside */
}

.floating-img {
  display: inline-flex;     /* allows container to shrink to fit images */
  flex-wrap: wrap;          /* wrap to new rows if needed */
  justify-content: center;  /* center images */
  gap: 20px;                /* space between images */
  margin: 0 auto;           /* center container itself */
}

/* Individual images */
.gallery-image {
  width: 100%;             /* take full width of column */
  max-width: 250px;        /* limit max width */
  border-radius: 12px;
  box-shadow: 0px 12px 28px rgba(0,0,0,0.25);
}

/* Mobile adjustment */
@media screen and (max-width: 768px) {
  #floating-img {
    padding-left: 1rem;
    padding-right: 1rem;
  }

 .gallery-image {
    max-width: 150px;      /* smaller images on mobile */
    width: 100%;
    flex: 1 1 auto;        /* allow images to shrink nicely */
}
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .about-container {
    flex-direction: column;
    align-items: center;
  }

  .bio-text {
    max-width: 100%;
     text-align: center; 
  }

  .about-image-wrapper {
    max-width: 80%;
  }
}