text: // Animation configuration
  
  document.addEventListener('DOMContentLoaded', function () {
    // const lfcontainer = document.getElementById('fifthLottie');
    // const fifthLottie = lottie.loadAnimation({
    //   container: lfcontainer, // the dom element that will contain the animation
    //   renderer: 'svg',
    //   autoplay: false,
    //   path: 'https://assets2.lottiefiles.com/packages/lf20_4fET62.json', // the path to the animation json
    // });
  
    LottieInteractivity.create({
      player: '#zeroLottie',
      mode: 'scroll',
      actions: [
        {
          visibility: [0, 1.0],
          type: 'seek',
          frames: [0, 360],
        },
      ],
    });
  
    LottieInteractivity.create({
      player: '#firstLottie',
      mode: 'scroll',
      actions: [
        {
          visibility: [0, 1.0],
          type: 'seek',
          frames: [0, 300],
        },
      ],
    });
    LottieInteractivity.create({
      player: '#secondLottie',
      mode: 'scroll',
      container: '#MyContainerId',
      actions: [
        {
          visibility: [0, 1.0],
          type: 'seek',
          frames: [90, 123],
        },
      ],
    });
  
    LottieInteractivity.create({
      player: '#thirdLottie',
      mode: 'scroll',
      actions: [
        {
          visibility: [0, 0.3],
          type: 'stop',
          frames: [50],
        },
        {
          visibility: [0.3, 1.0],
          type: 'seek',
          frames: [50, 240],
        },
      ],
    });
  
    LottieInteractivity.create({
      player: '#fourthLottie',
      mode: 'scroll',
      actions: [
        {
          visibility: [0, 0.2],
          type: 'stop',
          frames: [0],
        },
        {
          visibility: [0.2, 0.45],
          type: 'seek',
          frames: [0, 45],
        },
        {
          visibility: [0.45, 1.0],
          type: 'loop',
          frames: [45, 60],
        },
      ],
    });
  
    LottieInteractivity.create({
      player: '#fifthLottie',
      mode: 'scroll',
      actions: [
        {
          visibility: [0, 1.0],
          type: 'loop',
          frames: [70, 500],
        },
      ],
    });
  
    LottieInteractivity.create({
      player: '#seventhLottie',
      mode: 'cursor',
      actions: [
        {
          position: { x: [0, 1], y: [0, 1] },
          type: 'loop',
          frames: [45, 60],
        },
        {
          position: { x: -1, y: -1 },
          type: 'stop',
          frames: [0],
        },
      ],
    });
  
    LottieInteractivity.create({
      player: '#eightthLottie',
      mode: 'cursor',
      actions: [
        {
          position: { x: [0, 1], y: [0, 1] },
          type: 'seek',
          frames: [0, 180],
        },
        {
          position: { x: -1, y: -1 },
          type: 'stop',
          frames: [0],
        },
      ],
    });
  
    LottieInteractivity.create({
      player: '#ninthLottie',
      mode: 'cursor',
      actions: [
        {
          position: { x: [0, 1], y: [-1, 2] },
          type: 'seek',
          frames: [0, 180],
        },
      ],
    });
  });
  