Hello community , how we can apply scroll trigger for img from data base in foreach
this is the images div from database
<div><img src="{{$app->image_path}}" class="flower" alt="image" ></div>
then this is the gsap part , but it fire the trigger for all image in the same time
gsap.from(".flower", {
rotateX: -80,
ease: "expo.out",
transformOrigin: "50% 100%",
scrollTrigger: {
trigger: '.flower',
pin: true,
start: 'top top',
end: 'top center',
scrub: 1,
}
});