Can someone tell me how to change this W3Schools carousel to a carousel that features the navigation below the image and then adds text (that I can change in html) below the navigation? Preferably responsive and it doesn't change size depending on the text that's below it.

I've been trying for weeks and I managed to get the navigation below it plus I can add text. It works perfectly if I keep the text at the exact same length for all slides, but that's impossible...

This is the source code I used but I'm open to any (other) responsive carousel suggestions that are out there: https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_slideshow_dots2

P.S. I am not great at Javascript so that might be the biggest issue here ;)