如何使用我添加但不起作用的 zindex 属性

Question

问题是我已经将 z-index 作为 2000 添加到玻璃类中，尽管我尝试过使用比圆圈更高的值，但圆圈总是在玻璃的前面。

如果需要，将提供HTML

.glass{
  display: flex;
  min-height: 80vh;
  min-width:50%;
  background: linear-gradient(to right top, rgba(255,255,255,0.7),rgba(255,255,255,0.3));
  margin: auto;
  border-radius: 1rem; 
  position: relative;
  z-index: 2000;
  backdrop-filter: 20rem;
}
.circle1, .circle2{
  background: white;
  height: 10rem;
  width: 10rem;
  background: linear-gradient(to right bottom, rgba(255,255,255,0.9),rgba(255,255,255,0.1));
  position: absolute;
  border-radius: 50%;
  z-index: 2;
}