Figcaption With Different Styles

This first use of figcaption has no special style except for the font having been made a bit larger than its default size. The figcaption tags are usually used within the figure opening and closing tags since the two properties are partners although each can be used without the other.The HTML for this image and label is simply:
<figure>
<img src="LagoonNebula.jpg" alt="LagoonNebulaf" style="width: 50%">
<figcaption class= "figcaption1">Meisje, a friend from long ago</figcaption>
</figure><figure>
<img src="Meisje2.jpg" alt="Meisje, a dog, photo" style="width: 50%">
<figcaption class= "figcaption1">Meisje, a friend from long ago</figcaption>
</figure>,
and the style used by this HTML is:
.figcaption1{font-size: 1.3em;}
If there are are multiple images with captions and a caption is not wanted for one image in class figcaption1, use <class= "figcation1" style= "display: none;"> to the HTML for figcaption will hide the caption for that image.

The style for the images above is:
.holder1 {display: flex; flex-wrap: nowrap; background-color: transparent;}
.holder1 > div {width: 50%;margin: 0;}.
The HTML is:
<div class="holder1">
<div style= "height: 450px;">
<figure>
<img src="Lagoon.jpg" alt="Lagoon Nebula, Semi-transparent" style="width:100%;">
<figcaption class= "figcaption2">Lagoon Nebula</figcaption>
</figure>
</div>
<div>
<figure>
<img src="Meisje2.jpg" alt="Meisje's photo, a dog" style="width:100%;">
<figcaption class= "figcaption2">Meisje</figcaption>
For the base of this image to align with the base of the larger image, the style of this one needs the current
statement, "width: 100%", to become "width: 100%; margin-top: 50%;" (plus or minus 1% to 2%).
</figure>
</div>