.hero {
    position: relative;
    min-height: 80vh;
    display: flex;
    align-items: center;

    /* Correct image path (based on your project structure) */
    background: linear-gradient(
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.55)
    ),
    url('/assets/images/hero.jpg');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    color: white;
}