/* — Team Section Styling — */
.team-member {
max-width: 600px;
margin: 1.5rem auto;
padding: 1.5rem;
border: 1px solid #ddd;
border-radius: 12px;
background: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
font-family: system-ui, sans-serif;
text-align: center;
transition: transform 0.2s ease;
}
.team-member:hover {
transform: translateY(-3px);
}
.team-member h3 {
margin: 0.75rem 0 0.5rem;
font-size: 1.25rem;
color: #222;
}
/* — Profile Image Container (SQUARE) — */
.image-wrapper {
position: relative;
width: 180px; /* adjust as needed */
height: 180px; /* makes it a square */
margin: 0 auto 1rem;
border-radius: 8px; /* remove or adjust for more/less rounded corners */
overflow: hidden;
}
.image-wrapper img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px; /* same as wrapper for consistent look */
transition: opacity 0.4s ease;
}
/* Show second image on hover */
.image-wrapper img.hover-img {
opacity: 0;
}
.image-wrapper:hover img.hover-img {
opacity: 1;
}
.image-wrapper:hover img.default-img {
opacity: 0;
}
/* — Bio Text — */
.bio-short {
color: #333;
}
.bio-full {
display: none;
margin-top: 0.75rem;
color: #444;
text-align: left;
}
/* — Read More Button — */
.read-more {
display: inline-block;
margin-top: 0.75rem;
background: #0073aa;
color: white;
border: none;
padding: 0.5rem 1rem;
border-radius: 6px;
cursor: pointer;
font-size: 0.9rem;
transition: background 0.2s ease;
}
.read-more:hover {
background: #005f8d;
}
Jane Doe
Jane is a program coordinator with over a decade of experience supporting inclusive education and family engagement…
Jane is passionate about ensuring that every child with a disability has access to equitable education and community participation. She brings deep expertise in advocacy, family training, and systems navigation, and has led statewide initiatives that improve outcomes for children and families.
Read More
J. Lauren White 