JSFiddle - React, Tailwind, and code Playground

by fxi

HTML

<div class="blocking">
  blocking
</div>

<div class="content" onclick='alert("clicked")'>
  test
</div>

CSS

body,
html {
  width: 100%;
  height: 100%;
}

.blocking {
  width: 100%;
  height: 100%;
  background-color: rgba(240, 248, 255, 0.51);
  position: absolute;
  pointer-events: none;
  text-align:center;
  padding-top: 50%;
}

.content {
  background-color: #900;
  
}