Translucent elements without performance impact

Due to This issue we added some conditional logic and avoid using elements with a translucent background in chrome (apart from MacOS).

I would like to suggest an alternative approach:

• Create a blurred version of the background either in the clients or in the server
  This can be done with php-gd

 imagefilter($image, IMG_FILTER_GAUSSIAN_BLUR);
 imagejpeg($image, 'path/to/save/blurred_image.jpg');

• Remove the transparency from the translucent elements and add instead the blurred background, perfectly superimposed to the non blurred one. This can be accomplished using a fixed pseudo element and a clipping mask. Here's a codepen PoC.

This creates the same effect without any extra (continuous) computation demand on the clients

The issue names no repository files, tests, or entry points; begin by reviewing the linked spreed issue and CodePen proof of concept, then locate the translucent elements in the client. Confirm the Chrome-versus-macOS behavior and whether blurred backgrounds are generated by clients or the server. Done means the same visual effect works without continuous client-side computation.