JSFiddle - React, Tailwind, and code Playground

HTML

<head>
  <meta name="viewport" content="viewport-fit=cover">
</head>
<body>
  <div class="background"></div>
  <p>
    Text and other stuff I have in my body!
  </p>
</body>

CSS

body {
margin: 0;
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.background {
  background-image: url(https://www.zooplus.de/magazin/wp-content/uploads/2018/01/geschlecht-bei-kitten-bestimmung-1024x683.jpeg);
  background-size:cover;
  width: 100vw;
  height: 100vh;
  }