.bg-hero {
    position: relative;
    /*background: url('/images/christmas-bg.jpg') center/cover no-repeat fixed;*/
    height: auto;
    color: white;
}

/* Dark overlay – adjust opacity as needed */
.bg-hero::before {
    content: '';
    position: absolute;
    inset: 0;                     /* top/right/bottom/left: 0 */
    background: rgba(0, 0, 0, 0.55);   /* ← change 0.55 to make darker/lighter */
    z-index: 1;
    height: 100%;
}

/* Make sure content is above the overlay */
.bg-hero > * {
    position: relative;
    z-index: 2;
}