/* Placeholder styles for missing images */
.hero-image-card img[src*="student1.jpg"],
.hero-image-card img[src*="student2.jpg"],
.hero-image-card img[src*="student3.jpg"],
.hero-image-card img[src*="student4.jpg"] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.hero-image-card.main-image img {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.hero-image-card.student-image img {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

/* Fallback when images don't load */
img {
    background-color: #e9ecef;
}