JSFiddle - React, Tailwind, and code Playground

HTML

<div id="landingimg">
             <div>
             <h1>
               Velkommen til hele Danmarks Fristad!
             </h1>
           </div>
         </div>

CSS

#landingimg{
  background: url("https://www.icr.org/i/wide/cat_walking_wide.jpg") no-repeat;
  width: 960px;
  max-width:100%;
  height: 470px;
  display: table;
  background-size: cover;
  text-align: center;
}

#landingimg div h1{
  text-align: center;
  display: inline-block;
  margin: 0;
  background-color: rgba(43, 44, 44, 0.5);
  width: 400px;
  padding: 20px 0;
}
#landingimg div{
  display: table-cell;
  vertical-align: middle;
}