Scroll Rotation Animation

<ScrollAnimationRotate>
      <ScrollAnimationRotateContainer
        yRange={[-100, 400]}
        className="h-dvh gap-2"
      >
        <ScrollAnimationRotateCol className="gap-2 mt-[-10%]">
          {IMAGES_1.map((imageUrl, index) => (
            <img
              key={index}
              className="aspect-video block h-auto max-h-full w-full  rounded-md  object-cover shadow"
              src={imageUrl}
              alt="gallery item"
            />
          ))}
        </ScrollAnimationRotateCol>
 </ScrollAnimationRotate>