.parallax-section {
    position: relative;
    /* necessario per l'overlay */
    color: white;
    text-align: center;
    /* l'immagine di sfondo la gestisci già inline con background-image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* overlay scuro sopra l'immagine ma sotto il contenuto */
.parallax-section::before {
    content: "";
    position: absolute;
    inset: 0;
    /* top/right/bottom/left: 0 */
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

/* contenuto sopra l’overlay */
.parallax-content {
    position: relative;
    z-index: 2;
    /* eventualmente padding/align come vuoi */
}