.blurry-NavBar {
  width: 100%;
  height: 100px;
  background-color:rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  position: relative;
}

.blurry-NavBar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  -webkit-mask: -webkit-gradient(linear, left 100%, left 0%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
}