<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nabla:EHLT@24&display=swap" rel="stylesheet">
<div class="bg-image">
  <p>shadow of the<br>night city</p>
</div>

*{
  margin:0;
  padding:0;
}

.bg-image{ background:url("https://picsum.photos/id/983/1200/675?blur") no-repeat center center;
  background-size:cover;
  min-width:1200px;
  min-height:675px;
  display:flex;
  justify-content: center;
  align-items: center;
}
p{
  font-family: Nabla;
  font-size:100px;
  text-align:center;
  text-shadow:0 0 20px #000;
}