JSFiddle - React, Tailwind, and code Playground

by Jithin Raj P R

HTML

<!DOCTYPE html>
<html>

  <body>
    <div class="landing-background"></div>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

  </body>

</html>

CSS

.landing-background {
  background-image: url(https://r1.res.office365.com/owalanding/v2.9/images/desktop.svg);
  position: fixed;
  top: 0;
  width: 99vw;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  z-index: -1;
  height: 100%;
  box-sizing: border-box;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}