Hello,

to the best of my knowledge the clip effects are defined as

.clip-effects {
     overflow:hidden;
     clip-path: inset(4% 10% round 40px);
}

for desktop resolutions and 

@media only screen and (max-width: 767px) {

     .clip-effects {
          overflow: hidden;
          clip-path: inset(2% 5% round 30px);
      }

}

for mobile

so plz change these and add the code to customizer -> additional css

Hi there, sorry but I don't see them in additional css

add also the !important directive after the value of clip-path attribute

Hello Matty,

You have an error in css as the comments are without // or /* ... */

https://prnt.sc/elyKLIpmWsX1

if you can provide wp admin access in a private comment so we can give it a try?

Hello Matty, not a problem I will escalate your ticket o our web designer.

Hey Matty, we should get an answer today, thanks for checking.

Hello,

We have row content effects using clip-path, with styles defined in style.css:

.clip-effects {
  overflow: hidden;
  clip-path: inset(4% 10% round 40px);
}

This is the starting point, and we animate it to 0 using a ScrollTrigger in JavaScript.

You can add a new value in Customize > Additional CSS, for example:

.clip-effects {
  clip-path: inset(4% 30% round 10px);
}

However, do not use !important, as it will block the JavaScript animations.