Colocar imagen de fondo en base al tamaño de tu pantalla. HTML
Para colocar una imagen de fondo que cubra toda la pantalla en HTML y CSS solo necesitas utilizar una propiedad llamada Viewport Heigth en CSS, esta te permite colocar una imagen de fondo en toda la pantalla, así como lo muestra el ejemplo siguiente: Esto se logra gracias a la propiedad Viewport Height como lo muestro en la siguiente imagen: Donde .site-header es la clase que utilizo para header. background-image: es la imagen que tengo guardada en la carpeta img. Y el mas importate que es height: 100vh; es la propiedad que hace que mi imagen se vea en toda la pantalla.