Can't seem to get this codepen to work on my squarespace site

Site URL: https://nemuelsereti.com/test

https://codepen.io/dev_loop/pen/MWKbJmO

Syntax Errors: 

--card-translateY-offset: 100vh;

--card-translateX-offset: 0;

--card-translateX-offset: calc(-1 * var(--card-width) * 1.1);

--card-translateX-offset: calc(var(--card-width) * 1.1);

Operation on an invalid type

PW: codetest

2 hours ago, king_nemuel said:

Site URL: https://nemuelsereti.com/test

https://codepen.io/dev_loop/pen/MWKbJmO

Syntax Errors: 

--card-translateY-offset: 100vh;

--card-translateX-offset: 0;

--card-translateX-offset: calc(-1 * var(--card-width) * 1.1);

--card-translateX-offset: calc(var(--card-width) * 1.1);

Operation on an invalid type

 

PW: codetest

Hey @king_nemuel also try to add these includes from codepen to Your site

<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.3/gsap.min.js"></script>

On 11/28/2021 at 9:26 PM, king_nemuel said:

Site URL: https://nemuelsereti.com/test

https://codepen.io/dev_loop/pen/MWKbJmO

Syntax Errors: 

--card-translateY-offset: 100vh;

--card-translateX-offset: 0;

--card-translateX-offset: calc(-1 * var(--card-width) * 1.1);

--card-translateX-offset: calc(var(--card-width) * 1.1);

Operation on an invalid type

 

PW: codetest

Hi. Which code did you add?