Can I use react-reveal directionly on astro file

[ayemin-tun]

Description

In below code can i also use react reveal directly on astro file, in this code it not show no effect.Please give me advice how to directly use react reveal on astro

---
import Layout from "@/layouts/Layout.astro";
import Carousel from "./home/components/Carousel";
import FeaturedProducts from "./home/components/FeaturedProducts";
import PartnerSlide from "./home/components/PartnerSlide";
import OurProjects from "./home/components/OurProjects";
import Services from "./home/components/Services";
import Fade from 'react-reveal/Fade';
---
<Layout title="Home">
  <Carousel client:visible />

  <Services />
  <Fade bottom>
    <div class="container py-16">
      <h1 class="mb-4 text-center text-[22px] font-semibold md:text-[28px]">
        Our Featured Products
      </h1>
      <p class="mx-auto mb-6 text-center text-[20px] lg:w-[60%]">
        Vitae elementum curabitur vitae nunc sed. Turpis egestas maecenas phar
        convallis posuere. Feugiat sed lectus vestibulum matt.
      </p>
      <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
        <FeaturedProducts />
      </div>
    </div>
  </Fade>
</Layout>