Image Caption on Mobile

Hello, I added this code to decrease the blank spaces of the gallery slide show in mobile:

 

/* Mobile Slideshow Gap */
@media screen and (max-width:767px) {
.gallery-slideshow {
    margin: 0 !important;
    padding-top: 0 !important;
}
.fe-6490c89f2289d0d04a66ffeb {
    row-gap: 0 !important;
}
.gallery-slideshow {
    height: 30vh !important;
}
}
@media screen and (max-width:767px) {
.gallery-masonry .gallery-masonry-item[data-loaded] img
{
    width:100% !important
}

}

But the caption is gone from mobile. Need help getting the caption back on mobile with minimal spaces between the image and the caption text. 

Thank you in advance. 

Can you share link to page? We can check easier

On 11/4/2023 at 3:45 AM, tuanphan said:

Can you share link to page? We can check easier

Hello Tuanphan, here is the link:
https://www.hellocinnamon.com/en/meet-seema

On 11/8/2023 at 7:17 AM, Mary_DG said:

Hello Tuanphan, here is the link:
https://www.hellocinnamon.com/en/meet-seema

Hi,

I don't see caption in desktop. Can you check it again?

Hello Tuanphan, I had removed the caption since it will showing too small. I had placed it in the image itself as a work around. The problem I am facing now is that I need the image to bleed on the sides in mobile. Everything is perfect on desktop. But on mobile, since I placed the caption inside the image itself I need the image to be as big as possible and right now it is small and in the middle. Anyway to increase the size of the image to match the first profile image on mobile:

https://www.hellocinnamon.com/en/meet-seema