/* 
* Background styles for the Dev Entities website
* These classes provide consistent background images across components
*/

.tech-background-1 {
    background-image: url('../assets/images/tech-background-1.jpg');
    background-size: cover;
    background-position: center;
}

.tech-background-2 {
    background-image: url('../assets/images/tech-background-2.jpg');
    background-size: cover;
    background-position: center;
}

.tech-background-3 {
    background-image: url('../assets/images/tech-background-3.jpg');
    background-size: cover;
    background-position: center;
}

/* Fallback for each background in case images fail to load */
@supports not (background-image: url('../assets/images/tech-background-1.jpg')) {
    .tech-background-1 {
        background-color: #f1f5f9;
        background-image: none;
    }
}

@supports not (background-image: url('../assets/images/tech-background-2.jpg')) {
    .tech-background-2 {
        background-color: #e2e8f0;
        background-image: none;
    }
}

@supports not (background-image: url('../assets/images/tech-background-3.jpg')) {
    .tech-background-3 {
        background-color: #cbd5e1;
        background-image: none;
    }
}