Blurry text on Chrome

Hi there
I recently noticed that texts from blog posts loops were blurry on Windows Chrome (at least mine, but not all of them, despite using same version).
Please see example page on private content below.

Through luck, I found out that some CSS was causing the issue.
On avia-module-postslider-css (/enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.css), there is this code

#top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap {
-webkit-transform-style:flat;
-webkit-perspective:1000px;
-webkit-backface-visibility:hidden
}

Please note that Chrome 72 DevTools shows those 3 properties as striked, as if they were overriden by a stronger selector or !important though this doesn’t seem to be the case.

On DevTools, disabling -webkit-perspective removes the blur. (disabling -webkit-backface-visibility seems to have a very slight effect too).

You can also note that the rules apply to 3 different selectors:

• #top .avia-content-slider
• #top .avia-content-slider-inner
• #top .avia-content-slider-inner .slide-entry-wrap

I guess the “perspective: 1000px” property is applied 3 times which causes the blur.
I you remove one or two selectors while leaving the perspective enabled, the blur also vanishes.

I don’t know why you used perspective here (honestly, I didn’t know this CSS property until now), but I guess I can override this one way or the other.
A proper fix from you guys might be helpful nevertheless.

Thank you