blur background image sometimes has no good quality and shows a very low resolution

[comsyspro]

📝 Describe the bug

• The blur background image sometimes has no good quality and shows a very low resolution.

screenshot shows the blur which has very low resolution

copied from css, ?dim=40 is only set to 40 which produces a low quality.

.react-mui-context div.dialogRootBlur > div > div.dialogRootBlur::before {
    background-image: url("https://mydomain.com/a/frontend/binaries/GLOBAL/94240bde-2cb.png?dim=40");
    background-size: 1485.2173913043478px 854px;
}

⚙️ How-to Reproduce

Steps to reproduce the behavior:

1. reload the browser a few times, sometimes the blur is ok but often it is like seen in the image

🩺 Environment / Setup

Complete the following information:

Server Versions:

• runs on a thinclient with 1 cpu core, with docker-compose

Client used for testing:

• Browser chrome, firefox
• PC and Android