/* Student Images */
.student-images {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin: 30px 0 50px;
}

.student-image {
    flex: 1;
    max-width: 450px;
    min-width: 280px;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.student-image:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.student-photo {
    width: 100%;
    height: auto;
    display: block;
    border: 3px solid var(--primary-color);
}

@media (max-width: 768px) {
    .student-images {
        flex-direction: column;
        align-items: center;
    }
    
    .student-image {
        max-width: 100%;
    }
}