I’m encountering two problems that I can’t solve.
I have a card that has some texts on it.

I wanted to 2 things:

• Two-toned drop shadows slowly pulsating and rotating
• Multi-toned stroke slowly rotating.

Here is my codesandbox ——> CLICK HERE

EXPECTED OUTPUT

CODE

  <Card className="duration-1000 group-hover:duration-200 animate-tilt">
    <CardContent className="text-left pt-6">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non mi
      interdum, eleifend diam sit amet, tincidunt nulla. Phasellus ut eros
      ac augue lobortis ultrices. Fusce sollicitudin orci nec lectus
      lacinia, eget fringilla dolor tristique. Morbi in nulla nec enim
      viverra posuere in at libero. Suspendisse non tellus vel neque viverra
      mollis. Quisque sit amet arcu vitae lacus imperdiet pulvinar ut
      sollicitudin nunc. Morbi in enim quis mi lacinia bibendum eget in
      purus. Aliquam vel velit molestie, viverra sem ut, consequat leo.
      Suspendisse mollis ac augue non egestas. Nam ultrices eros ac
      imperdiet commodo. Morbi tincidunt gravida lectus et posuere.
      Curabitur at vulputate sapien. Vestibulum pharetra elit a massa
      venenatis, ac sagittis velit porta.
    </CardContent>
  </Card>