Как сделать div блок прозрачным

.wrapper { 
  max-width: 100%; 
  position: relative; 
} 
.wrapper img { 
  width: 100%; 
  height: auto 
} 
.wrapper .text { 
  position: absolute; 
  top: 50px; 
  right: 100px; 
  width: 100px; 
  height: 100px; 
  color: #fff; 
  padding: 30px; 
  backdrop-filter: blur(5px); 
  -webkit-backdrop-filter: blur(5px) 
}

<div class="wrapper"> 
  <img src="https://i.stack.imgur.com/ThkkP.jpg"/> 
  <div class="text">Какой-то текст</div> 
</div>