<div class='main'>
  <div class='container'>
    <div class='top'></div>
  </div>
</div>

.main {
  padding: 12px;
  
  width: 280px;
  height: 300px;
  
  border-radius: 16px;
  background: black;
}

.container {
  position: relative;
  width: 100%;
  height: 100%;
  
  background: url(https://png.pngtree.com/thumb_back/fw800/background/20210129/pngtree-pink-soft-bokeh-light-background-image_550126.jpg);
  border-radius: 16px;
  
  overflow: hidden;
}

.top {
  position: absolute;
  width: 100%;
  height: 120px;
  
  background: black;
  opacity: 0.95;
  
}