ho fatto una modifica al codice per separare il testo dal banner

codice:
         .banner {
            height: 400px;
            background-image: url(immagini/immagini/1.jpg);
            background-size: cover;
              background-repeat: no-repeat;
            -webkit-filter: blur(0px);
            -moz-filter: blur(0px);
            -o-filter: blur(0px);
            -ms-filter: blur(0px);
            filter: blur(0px);
            -webkit-filter: opacity(50%);
            -moz-filter: opacity(50%);
            -o-filter: opacity(50%);
            -ms-filter: opacity(50%);
            filter: opacity(50%) blur(2px);
             }
          banner .text {
              margin-top: 100px;
              
          }

codice:
<div class="banner">
             <div class="text">
             <span style="color: #000; font-family: Lucida Handwriting, Cursive; font-size: 30px;">#trasportiamo il tuo mondo</span>
          </div>
      </div>
ma anche questo non ha nessun effetto ne sulla posizione del test ne sul filtro applicato principalmente al banner, io dovrei avere un testo pulito senza filtri e posizionato in maniera diversa