Conflciting Enfold style rule with LayerSlider

Unfortunately, this issue is caused by a style rule applied by the Enfold theme, which affects the slider elements. We have contacted the Enfold theme developers on numerous occasions to ask them not to use custom CSS that interferes with LayerSlider’s functionality.

We recommend updating to the latest version of Enfold if you are not already using it. Additionally, if you’re using any cache plugin or CDN service, please make sure to clear all cached files thoroughly.

If updating Enfold and clearing the cache does not resolve the issue, we kindly suggest reaching out to the Enfold support team for assistance with removing or overriding the conflicting style rule.

The custom style rule in question is shown in the attached screenshot. Specifically, the backface-visibility: hidden; property being applied to slider elements is known to cause this issue. It appears that the Enfold theme is applying this rule universally to everything inside the slider, which interferes with certain text transitions.

Copy of error message (extracted of screenshot):

.avia-layerslider ls-inner div, .avia-layerslider .ls-
inner img {
-webkit-backface-visibility: hidden;
}