Как добавить подпись к миниатюре в flickity

---

I am using flickity to display images from a database.i have managed to get the images in html.i can't add captions to the images.help me to add captions at the bottom of the image. if there is another plugin which can do similar thing please let me know and send the code as well.i need an answer asap

Что я уже пробовал:

<pre><h3 style="text-align: left;margin-bottom: 30px,margin-top: 30px">Home 
 Improvement</h3>
<div class="carousel" data-flickity='{ "groupCells": 
false,"cellAlign":"left","initialIndex": 2,"resize": true,"freeScroll": 
true,"freeScrollFriction": 0.03,"wrapAround": true}'>   
<?php foreach ($homeimprovement as $row ) {   ?>  
<div> <img src="<?php echo base_url().'assets/images/'.$row['ImageUrl']?>" 
class="gallery"/></div> 

это класс css gallery для изображения.если вы можете отредактировать css для меня, чтобы добавить описание к flickity, я буду счастлив

.gallery {
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px;
width: 300px;
height: 200px;
margin: 10px;
}

---