gsap transformOrigin not working in Storyline

transformOrigin won’t work with GSAP if the target element is referenced using the object() function alone. To achieve the desired effect, you have two options:

1. Use GSAP to animate the actual DOM element (e.g., via document.querySelector(...) targeting the data-model-id).
2. Use the Web Animations API, which can work directly with the object returned by object() if it supports animation. 

Option 1:

const box = document.querySelector('[data-model-id="6FmKrDaANZj"]');
gsap.to(box, { 
  transformOrigin: "bottom left",
  duration: 2,
  scaleY: 2,
});

Option 2:

const box = object('6FmKrDaANZj');
box.style.transformOrigin = 'bottom left';
box.animate(
  [
    { transform: 'scaleY(1)' },
    { transform: 'scaleY(2)' }
  ],
  {
    duration: 2000,
    easing: 'cubic-bezier(0.42, 0, 0.58, 1)',
    fill: 'forwards'
  }
);