/* A photo laid on the page rather than placed in it — paper frame, slight angle. */
[qcms-mod="cont.luca.photo"] {
  figure {
    /* cms-image2 is width:100%, so a fit-content frame would collapse around it */
    margin: 0 auto;
    width: min(22rem, 100%);
    background: #fff;
    padding: .8rem .8rem 2.6rem;
    box-shadow: 0 .6rem 2rem color-mix(in srgb, var(--color), transparent 82%);
    rotate: 2.5deg;
  }

  :is(img, cms-image2) {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
  }

  figcaption {
    font-family: var(--font-hand, cursive);
    font-size: 1.1rem;
    text-align: center;
    margin-top: .6rem;
  }
}