Overlay text on individual images in a gallery section?

Is this possible?

2 hours ago, MattyT208 said:

Is this possible?

Do you want the image description to overlay the image? 

If that's what you want to do, I've used this code.

.gallery-grid--layout-grid .gallery-grid-item {
  position: relative;
}
.gallery-grid--layout-grid .gallery-caption-grid-simple p {
  text-align: center;
  font-size:3rem!important;
}

.gallery-grid--layout-grid .gallery-caption-grid-simple .gallery-caption-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gallery-grid--layout-grid .gallery-caption-grid-simple {

height:100%!important;
box-sizing: border-box;
 padding: 10px 40px;
 position: absolute;
  left: 0;
  top: 0;
}
 

12 hours ago, Donna_Vincent said:

Do you want the image description to overlay the image? 

If that's what you want to do, I've used this code.

 

.gallery-grid--layout-grid .gallery-grid-item {
  position: relative;
}
.gallery-grid--layout-grid .gallery-caption-grid-simple p {
  text-align: center;
  font-size:3rem!important;
}

.gallery-grid--layout-grid .gallery-caption-grid-simple .gallery-caption-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gallery-grid--layout-grid .gallery-caption-grid-simple {

height:100%!important;
box-sizing: border-box;
 padding: 10px 40px;
 position: absolute;
  left: 0;
  top: 0;
}
 

Thanks, but that didn't seem to work for me. I'm trying to have each image slide within the gallery section have large overlaying text like the screen shot attached.