.member-bio {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 15px;
  gap: 20px;
}

.member-bio a {
  display: block;
  max-width: 35%;
}

.member-bio a img {
  border-radius: 40px;
  padding: 20px;
  width: 100%;
  box-shadow: 4px 4px 5px 3px rgba(0, 0, 0, 0.6);
  transition: transform 0.2s ease-in-out;
}

.member-bio img:hover {
  transform: scale(1.05);
  box-shadow: 4px 4px 5px 5px rgba(0, 0, 0, 0.6);
}

.member-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 40%;
}

.member-text h2 {
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.member-text h3 {
  font-size: 20px;
  padding-top: 0px;
  padding-bottom: 10px;
}

.section-header {
  font-size: 25px;
  padding: 40px;
  align-items: center;
  text-align: center;
  box-shadow: 0px 4px 5px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

@media screen and (max-width: 500px) {
    
    .member-bio a {
      max-width: 90%;
    }

    .member-bio a img {
      padding: 5px;
      border-radius: 10px;
      width: 100%;
    }

    .member-text h2 {
      font-size: 25px;
    }

    .member-text h3 {
      font-size: 17px;
    }

    .member-bio {
      flex-direction: column;
    }

    .member-text {
      max-width: 90%;
      width: 90%;
    }
}