Help with code for text overlay on gallery slideshow

I'm customizing the font overlay for a fullscreen slideshow gallery section using this code (pieced together by me who is not a css expert!) but the text is getting cut off. 

Can anyone help reveal the missing text? Bonus points for helping me make it mobile responsive!

caption-fullscreen-slideshow {
    position: absolute;
    top: 42% ;
    background: rgba(0,0,0,0);
    color: white;
    left: 0;
    text-align: overlay;
}
figcaption.gallery-caption.gallery-caption-fullscreen-slideshow {
p {
  font-size: 300%;
  font-weight:800;
  }
}

Thanks!!

Can you share link to page in screenshot? We can check easier

Sorry! I thought it would be shown at the top. Url is https://dory-sparrow-crj2.squarespace.com/

I was able to fix that issue, BUT I'm now wondering if there is a way to remove the white block at the bottom of the slideshow. If you turn off captions it goes away, but then, of course, so do the captions! 

Thanks so much for your help!

On 6/24/2023 at 1:45 AM, Anemone said:

Sorry! I thought it would be shown at the top. Url is https://dory-sparrow-crj2.squarespace.com/

I was able to fix that issue, BUT I'm now wondering if there is a way to remove the white block at the bottom of the slideshow. If you turn off captions it goes away, but then, of course, so do the captions! 

Thanks so much for your help!

The site is private. Can you setup an access password? We can access site easier

Thank you!

Password is LVF2023 but I moved slideshow to Saved because client wanted to use a video instead.

12 hours ago, Anemone said:

Thank you!

Password is LVF2023 but I moved slideshow to Saved because client wanted to use a video instead.

So did you solve or still need help?

I would love help! Thank you!! 

dory-sparrow-crj2.squarespace.com

Client would like slideshow to appear like backroads.com landing page.

Thanks so much!!

Got it!

Thought I would share the code for a fullscreen slideshow caption overlay in case anyone else needs it.

figcaption.gallery-caption.gallery-caption-fullscreen-slideshow {
p {
  font-size: 300%;
  font-weight:800;
   position: absolute;
  top: -400% ;
  background: rgba(0,0,0,0);
    color: white;
  }
}