<body class="flex items-center justify-center min-h-screen">
  <div class="background bg-cover bg-center">
    <h1 class="mix-blend-lighten font-bold text-black bg-white text-9xl">BOTANY</h1>
  </div>
</body>
.background {
  background-image: url("https://images.pexels.com/photos/797797/pexels-photo-797797.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.8/tailwind.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.