/* Inline photos */

.inline-photo {
  background-color: white;
  opacity: 0;
  -webkit-transition: opacity 1s .5s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  transition: opacity 1s .5s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity 1s .5s ease-out;
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity 1s .5s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);

  will-change: transform, opacity;
}

.inline-photo.is-visible {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.slide-out {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
}