.media--image.media--image-photo-gallery {
  --figure--display: block;
  --caption--margin: 0;
  --caption--font-size: 0.8rem;
  --caption--padding: 0.25em 0.75em;
  overflow: hidden;
}
.media--image.media--image-photo-gallery:hover .media__figcaption {
  translate: 0px 0px;
}
.media--image.media--image-photo-gallery .media__figcaption {
  position: absolute;
  bottom: 0;
  border-top: 1px solid var(--highlight-color);
  width: 100%;
}
@media (hover: hover) {
  .media--image.media--image-photo-gallery .media__figcaption {
    translate: 0px calc(100% + 1px);
    transition: translate 200ms ease-in-out;
  }
}
.media--image.media--image-photo-gallery .media__figcaption > * {
  position: relative;
}
.media--image.media--image-photo-gallery .media__figcaption::before {
  content: "";
  background-color: var(--bg-color);
  opacity: 0.8;
  inset: 0;
  position: absolute;
}
