Frosted glass effect works on webkit but not chrome

Store Design
, , ,
1

Hello! Im making a website using dawn 10.0 and the frosted glass and it used to work with the dawn 9.0 theme but doesn’t work on the 10.0 theme anymore. The website is https://dallaspercussion.com and here’s the custom CSS code.

.slideshow__text.banner__box {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px); /* For Safari */
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .slideshow__text.banner__box {
    width: 80;
  }
}
a {
  background-color: black;
  color: white;
}

anything will help! thanks!

2

Sorry! Everything works now! It was just a weird setting that got added to the dawn 10 theme that got turned on. Thank you!