.popupteam{overflow:scroll; height:400px;padding:4%;
  min-width:400px;
}
.intro-text{margin-bottom:60px;}
.team-bio {
  display: none; /* By default, the bio will be hidden */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
 
 .teamposition ,
.teamname{text-align:center;}

.close-btn {color: #333;
  cursor: pointer;
  float: right;
  font-size: 30px;
}
.team-member {
  display: inline-block;
  vertical-align: top; /* to align them at the top */
  margin-right: 20px; /* optional spacing between them */
}
.team-row {
  display: flex;
  align-items: flex-start; /* align them at the top */
  gap: 20px; /* optional spacing between them */
}
.team_title{text-align:center;color:#638e9e;}
.intro-text{text-align:center;margin-bottom}


 
.team-bio.visible {
    opacity: 1;
    pointer-events: auto;
}
 .team-member:hover {
  cursor: pointer;
  /* rest of your hover styles */
     
} 



.popupteam{overflow:scroll; height:400px;padding:4%;
  min-width:400px;
}
.intro-text{margin-bottom:60px;}
.team-bio {
  display: none; /* By default, the bio will be hidden */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
 
 .teamposition ,
.teamname{text-align:center;}

.close-btn {
  cursor: pointer;
  float: right;
  font-size: 30px;
}
.team-member {
  display: inline-block;
  vertical-align: top; /* to align them at the top */
  margin-right: 20px; /* optional spacing between them */
}
.team-row {
  display: flex;
  align-items: flex-start; /* align them at the top */
  gap: 20px; /* optional spacing between them */
}
.team_title{text-align:center;color:#638e9e;}
.intro-text{text-align:center;margin-bottom}


 
.team-bio.visible {
    opacity: 1;
    pointer-events: auto;
}
 .team-member:hover {
  cursor: pointer;
  /* rest of your hover styles */
}.team-member:hover img  
  {
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s, box-shadow 0.3s;
}
 


.team-member {
  position: relative;
  /* Other styles for .team-member */
}