para que la imágen se vea correctamente en todas las resoluciones deberias sustituir tu código:
body{
background-image: url("static/img/joblist.jpg");
height: 100vh;
}
por este:
body {
background: url("static/img/joblist.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Ésto lo que hace es cubrir la totalidad del cuerpo de la página según lo grande que sea la ventana del navegador y además es compatible con todos los navegadores.
También como ha dicho Christian, asegúrate de que el "link" está dentro de la cabecera "head" y que la ruta "static/img/joblist.jpg" sea correcta.
Para lo primero, tendrías que ubicar la página maestra o plantilla, ya que "portada.html" es un simple "div" por lo que ahí no te funcionará nunca por mucho que pongas el "link" a tu CSS, debe haber algún fichero que contiene la plantilla de la página (página maestra) o la cabecera, te recomiendo buscar el tag "head" entre los ficheros de tu proyecto con el buscador de tu editor.
Cualquier cosa nos dices.