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)

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


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

Thanks for any help