Change CSS rule on non apple device

im doing a web site (keighley removals) with blur effects on the modal window, I think looks great but, dint show very well in non apple devices.

im trying using webkit but is not working

.modal-content{
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  -moz-backdrop-filter:saturate(180%) blur(20px); 
  backdrop-filter:saturate(180%) blur(20px); 
  backdrop-filter: blur(2px);
}

i want to change the css rules if the devices is not an apple device

also if you have any suggestions to show in the right way the blurn effect in others devices is very Wellcome