<div class="w-screen h-screen absolute bg-gray-800">
  <div class="flex h-screen w-full items-center justify-center">
    <img src="https://cdn.ideate.so/core/arror.svg">
  </div>
</div>
<div class="w-screen h-screen absolute">
  <div class="flex h-screen w-full items-center justify-center">
    <div class="text-center font-black text-2xl sm:text-3xl text-white">
      <p>create. deploy. learn</p>
      <p>with
        <span class="underline decoration-pink-400 text-pink-300">tailwind</span>
         &
        <span class="underline decoration-pink-400 text-pink-300">html</span>
      </p>
    </div>
  </div>
</div>