.speaker-card {
    background: #f8f9fa; /* Light shaded background */
    border-radius: 10px;
    transition: 0.3s;
}

.speaker-card:hover {
    background: #e9ecef; /* Slightly darker shade on hover */
}

.speaker-thumbnail {
    width: 150px;
    height: 150px;
    object-fit: cover; /* Ensures the image is cropped uniformly */
    border-radius: 50%; /* Makes it circular */
    display: block;
    border: 1px solid #ddd;
}