.inline-photo {
    border: 1em solid rgba(255, 255, 255, 0);
    border-bottom: 4em solid rgba(255, 255, 255, 0);
    border-radius: .25em;
    box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
    margin: 2em auto;
    opacity: 0;
    transform: translateY(4em) rotateZ(-5deg);
    transition: transform 4s .25s cubic-bezier(0,1,.3,1),
                opacity .3s .25s ease-out;
    max-width: 600px;
    width: 90%;
    will-change: transform, opacity;
  }
  
   .inline-photo.is-visible {
    opacity: 1;
    transform: rotateZ(-2deg);
  }
  /*
  header {
    opacity: 0;
    transition: opacity .5s .25s ease-out;
  }
  
  header.is-visible {
    opacity: 1;
  }
  
  .main-photo {
    transform: scale(.8);
  }
  
  .heading {
    transform: translate(-50%, calc(-50% + 1em));
  }
  
  .is-visible .main-photo {
    transform: none;
  }
  
  .is-visible .heading {
    transform: translate(-50%, -50%);
  }
  
  .main-photo,
  .heading {
    transition: transform 4s .25s cubic-bezier(0,1,.3,1),
                filter 10s 2s ease-out;
    will-change: transform;
  } */