Customizing the background of a preloader

Hello,

I’m trying to make the background of a page blurry and semi transparent during the time the preloader is showing, whilst it’s loading. The css is easy enough, but it applies to all the elements inside of the dmxPreloader class, and I’d like to exclude the dmxPreloader-spinner one:

.dmxPreloader {
  /* Add the blur effect */
  filter: blur(8px);
  -webkit-filter: blur(8px);
  /* Add transparency */
  background-color: rgba(255,255,255,0.5) !important;
}

I’m stuck here - I’d appreciate any pointers.

Thanks!