JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"></div>
<div class="background-image"></div>

CSS

.hole {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 200px;
  height: 150px;
  box-shadow: 0 0 0 9999px rgba(0, 0, 255, 0.2);
}

.hole2 {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 200px;
  height: 150px;
  box-shadow: 0 0 0 9999px rgba(0, 0, 255, 0.2);
}