Adding photo credits to block images and gallery images

Site URL: https://www.talesbydaniel.com/

Website: Tales By Daniel

Password: asdfg12345

--------

I would like to add photo credits to images for block images, gallery images and others.

Using past forum Q&A I have been able to insert captions into background images. However I have had no success for block images. This is the code I have been using for the image on the page The Kingdom of Juliana.

#block-yui_3_17_2_1_1659866866765_197325 .image-inset:after {
    content: "iStock/Aleš Krivec";
    display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 0.5rem 1.4rem;
      font-size: 14px;
     opacity: 0.6;
}

And is there a means of adding captions to each image in the gallery? And can this be done for the images in the body of the main page, which do not have a block ID.

Cheers

Daniel

#1. Use this new code

div#block-yui_3_17_2_1_1659866866765_197325:after {
    content: "iStock/Aleš Krivec";
    text-align: right;
}

#2. With gallery image, just edit Gallery Section > Enable Caption, then edit images >> Add text in Description box