[adding animation to carousel]

hi all,

I am trying to add animation to carousel. I am using ngx-slick-carousel for carousel. All animations are working fine but one. when i am swiping the slide,  the animation is not taking effect. Animation is working pretty well before and after swipe complete. I want animation to be done while swiping. 

here is the code: 

 

 

let cards = currentCardBox.querySelectorAll('.card-body')

let slideNum = e.currentSlide

 

gsap.to(cards[slideNum+1], {

scaleY:1.5,

scrollTrigger: {

trigger: cards[slideNum],

start: 'left 30%',

end: "-=100",

scrub: true,

horizontal: true,

markers: true

},

});

 

 

Q : What I am trying to achieve ?

Ans: when the hero card swipes to left, next to hero card become hero card with some animation.

 

 

Thanks for the help..