/* Set Roboto as the base font for the whole section */
body {
font-family: 'Roboto', sans-serif;
}/* Grid layout for team members */
.doctor-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: 1200px;
margin: auto;
}.doctor-item {
text-align: center;
}.doctor-image {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
transition: 0.5s ease-in-out;
}.doctor-container {
position: relative;
overflow: hidden;
}/* Hover image fades in on hover */
.doctor-container img.hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: 0.4s ease;
}.doctor-container:hover img.hover {
opacity: 1;
}/* Name styling */
.doctor-name {
font-weight: 600;
font-size: 1.125rem; /* medium size */
margin-top: 10px;
}/* Role styling */
.doctor-role {
font-size: 1rem;
color: #666;
}/* Handle last row with fewer items */
.last-doctor {
grid-column: 1 / 2;
}/* Tablet layout: 2 columns */
@media (max-width: 768px) {
.doctor-grid {
grid-template-columns: repeat(2, 1fr);
}
.last-doctor {
grid-column: span 2;
}
}/* Mobile layout: 1 column */
@media (max-width: 500px) {
.doctor-grid {
grid-template-columns: 1fr;
}
.last-doctor {
grid-column: span 1;
}
}
Dr. Sebathu Chiyapo
Clinical Oncologist
Dr. Joseph Kasese
Clinical Oncologist
Mr. Sreekanth Nair
Financial Manager
Ms. Thapelo Letsholo
Operations & HR Manager
Mr. Talkmore Karumekay
Lead Radiation Therapist
Mr. Thato Masiele
Oncology Nurse