Overlaying text on top of image carousel

I’m trying to figure out how to overlay text on the top of each carousel image. I’m using carousel_pro plugin because I like the look of it better than carousel slider.

Here’s my code what I have so far:

Widget imageCarousel() {
    return AnimatedBuilder(
      animation: pageController,
      builder: (context, widget) {
        return Opacity(
          opacity: 0.5,
          child: SizedBox(
            height: 300,
            width: 500,
            child: widget,
          ),
        );
      },
      child: Carousel(
        boxFit: BoxFit.cover,
        autoplay: false,
        images: [
          //each of these images need some text associated with it (images are opaque)
          AssetImage("assets/image/3.jpg"),
          AssetImage("assets/image/microphone-1562354_1280.jpg"),
          AssetImage("assets/image/sombrero-2101560_1280.jpg")
        ],

        animationCurve: Curves.fastOutSlowIn,
        animationDuration: Duration(milliseconds: 2000),
      ),

    );
  }

Here’s what my screen looks like: (before I applied opacity)

Thanks for any help