CSS

backdrop filter property for safari not working

body{
  background: #555;
}
#container{
  height: 150px;
  width: 150px;
  background-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
}
#content{
  height: 150px;
  width: 150px;
  background-color: rgba(0,0,0,0.5);
  margin:50px;
  position: absolute;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}