JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background">
    Hover Me
</div>

<div class="container">
    <div class="item">
   </div>
    <div class="item">
   </div>
    <div class="item">
   </div>
    <div class="item">
   </div>
    <div class="item">
   </div>
    <div class="item">
   </div>
    <div class="item">
   </div>
    <div class="item">
   </div>

</div>

CSS

.background {
  position:absolute;
  width: 100%;
  height: 100%;
  z-index:-1;
  background:black;   
}

.container {
  height: 100%;
  width:100%;
}

.item {
    width:100px;
    height:100px;
    border:1px solid red;
}