.hero-bg {
    background-image: url('../assets/hero.jpg');
    background-color: rgba(0, 0, 0, 0.6);
     background-blend-mode: overlay;

    background-size: cover;
}

.hero.has-background {
    background-color: transparent; /* Ensures background image shows */
}

body {
    background-color: #edf2f7;
}