Parallax Images on mobile phones

Hi Ben,

This issue has reared its head again since first reported in this thread:

https://wordpress.org/support/topic/parallax-images-on-mobile/

On desktop parallax images are working fine, but on mobile they are setting themselves as the background for the whole page.

All caches have been cleared on Litespeed cache as well as experimenting without css and JS minification, but it has no effect.

The CSS code posted below that was the recommendation in the original support thread linked to above is still in place on my website. Removing it goes back to the flickering parallax effect that was reported in the initial support thread.

@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) {
@media (max-width: 1024px) {
.wp-block-kadence-rowlayout [id*=”jarallax-container-“] {
clip: auto !important;
}
}
}
}

Changing the images to the scroll setting fixes the issue, but any other ideas or suggestions as to why this is happening with just parallax images on mobile would be really appreciated?

Thanks
Mark

The page I need help with: [log in to see the link]