JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="block_p">
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
</div>
</body>

CSS

body{
margin:0;
padding:0;
background-image: url(https://img.wallscloud.net/uploads/cache/2509217382/%D0%9F%D1%80%D0%B8%D1%80%D0%BE%D0%B4%D0%B0,_%D0%B2%D0%B5%D1%87%D0%B5%D1%80,_%D0%B7%D0%B0%D0%BA%D0%B0%D1%82,_%D0%B3%D0%BE%D1%80%D1%8B,_%D0%BE%D0%B7%D0%B5%D1%80%D0%BE,_%D1%91%D0%BB%D0%BA%D0%B8-1024x576-MM-90.webp);
}

.block_p{
   -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.4);
  height: 80%;
  width:80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
  padding:10px;
  justify-content: space-between;
  overflow: scroll;
   border-radius: 15px;
}

.block{
width: 80px;
height: 80px;
background-color: #000;
border-radius: 10px;
margin: 10px;
}