header {
    background: url('/images/header.jpg') center/cover no-repeat;
    color: #fff;
    height: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

    header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5); /* Dark overlay for text contrast */
        z-index: 1;
    }

    header .container {
        position: relative;
        z-index: 2;
        text-align: center;
    }

    header h1 {
        font-size: 3rem;
        font-weight: bold;
    }

    header p {
        font-size: 1.2rem;
    }