Any way to remove the hover text in the the gallery lightbox to have it below the image?

Does anyone know if there is a way to remove the hover text option in the lightbox and instead have the text static, and placed underneath the image. I like the look of the images in the gallery without text but am looking for a cleaner option to show the text when looking at images inside the lightbox. I'm using the Montauk template with the SquareSpace 7.0 version. Thanks for any help!

This is the code that I am using but it is not working:

/* Display captions underneath images in Lightbox */
.gallery-lightbox-grid .sqs-lightbox-meta {
  position: static !important;
  display: block !important;
  text-align: center !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  color: #fff !important;
  padding: 10px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.gallery-lightbox-grid .sqs-lightbox-meta p {
  margin: 0 !important;
}

.gallery-lightbox-grid .sqs-lightbox-meta a {
  color: #fff !important;
  text-decoration: underline !important;
}

.gallery-lightbox-grid .sqs-lightbox-meta a:hover {
  text-decoration: none !important;
}

Hi,

I used to solve a similar case but on SS 7.1. If you share link to page where you can see lightbox, we can take a look

Hi, all images on this page utilize the lightbox...https://www.josephpfeifer.com/archive

Thanks