Interactions don't work on exported website

I’m experimenting using Webflow to support with some code creating for my existing website www.instantprint.co.uk. I’ve created a playground page and started building out what I would like to see on my main site, within webflow. I’ve got it to a point on webflow where I like it and I want to test it on my main site: Dan's Playground

This is where it breaks - for the purpose of this topic I am only interested in the video section that should, when scrolled into view, fade 2 elements in from the left and right - a video and some supporting copy. On my main site this does not happen, they stay at the interaction original state.

I’ve read through some other posts and the solution there didn’t work. I’ve used tag manager to add the following scripts to the page to test:

    <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=61b0b5069c1e11c3b432d681" type="text/javascript"></script>

I use Umbraco CMS, which when I paste in the scripts above, it strips them out as an un-allowed element. Therefor I have to apply scripts with Tag Manager.

Here is a link to my live site, where it is not working: Dan's Playground

Here is my public share link:
https://preview.webflow.com/preview/daniels-beautiful-site-4abe5c?utm_medium=preview_link&utm_source=designer&utm_content=daniels-beautiful-site-4abe5c&preview=15203f140efeb44eb0c199da8951bf98&pageId=65535a5d5c9fd877f3c5dc80&workflow=preview