muchachos este es mi esctructura html y lo que quiero hacer es poner una imagen de fondo pero desde css que quede resposive , lo intente mucha veces pero no fui capaz , este fue mi codigo

.header{ background-image: url(../img/banner.jpg); background-repeat: no-repeat; background-size: 100% 100%;

}

tambien he intentendo de muchas manerAS pero no he tenido exito , alguien que me colabore , gracias.