javascript - overlaying text on image with flickity? -

using flickity, how overlay vertically , horizontally aligned text on images?

here jade:

.gallery   .cell     h2 1     img(src="01.jpg")   .cell     h2 2     img(src="02.jpg")   .cell     h2 3     img(src="03.jpg")

and js:

$(document).ready(function(){ $('.gallery').flickity({ autoplay: 3000, prevnextbuttons: false }); });

i tried this sec , 3rd images appear shrunk. clues?

javascript css

Five