Description is missing on mobile and need space between pictures

Good day,

Reposting again and this information is crucial to my website. Please extend your kind assistance 🙏

I need help with the code for my descriptions to appear in mobile. I just noticed it is not appearing in my phone.
In addition to that, how do we reduce padding between images in mobile? Thanks.

Thank you in advance.

Regards,
K

Hi. Could you provide a website url?

11 minutes ago, joseph81 said:

Hi. Could you provide a website url?

Thank you @joseph81 Here it is: https://www.ptphotography.com/destination

The space between images could be resolved for example with this CSS code:

@media (max-width: 767px)
  .gallery-grid-item img {
      object-fit: cover!important
  }
}

The caption on mobile is present at least on my side, so I am not sure if I understand  how you mean that.

21 minutes ago, joseph81 said:

The space between images could be resolved for example with this CSS code:

@media (max-width: 767px)
  .gallery-grid-item img {
      object-fit: cover!important
  }
}

The caption on mobile is present at least on my side, so I am not sure if I understand  how you mean that.

I am glad it is possible to add space between images however I can't make it work. Squarespace says Syntax error? 

Yes, I am looking for a caption on my mobile but I cannot see it. If you don't mind me asking what phone did you use to view? It doesn't work on Android and Iphone for me.

Many thanks,
K

Sorry there was a typo in my code, this is the correct version:

@media (max-width: 767px) {
  .gallery-grid-item img {
      object-fit: cover!important
  }
}

I looked in a simulator of mobile device in chrome, maybe that's the reason I did not see the problem with captions. This is my android phone with the caption below: