Slanted text becomes blurry in Chrome

Hi there!
I know the topic had been discussed for a million times, but I still can not find the right way to fix it.

On the website, click the dropdown menu and you will see the disaster.

I’ve tried hundreds of methods found on the web including:
transform: translateZ(0);
backface-visibility: hidden;
filter: blur(0);
font-smoothing: subpixel-antialiased;
zoomed large fonts etc.

And many other methods separately and all together on different elements, but nothing works (actually backface visibility fixed the images but did not fix the text)

Another strange thing is that the dropdown buttons are also slanted but somehow I fought the problem
Will you please help me with it?


https://preview.webflow.com/preview/baramist23-0dce249c9547e08e051cc135a6c5?utm_source=baramist23-0dce249c9547e08e051cc135a6c5&preview=af650d3370e8ecf6b423eacb51433576