.headshot-image {
    width: 150px;
    height: 150px; 
    object-fit: cover;    
    border-radius: 50%; 
    border: 4px solid #D4AF37;
}

.view-profile-overlay {
  background-color: rgba(0, 0, 0, 0.5); /* translucent gray */
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.team-card:hover .view-profile-overlay {
  opacity: 1;
  pointer-events: all;
}

.team-card:hover .headshot-image {
  transform: scale(1.02);
  transition: transform 0.3s ease;
}

.profileName {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis;
}

.profileTitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis;
}