@font-face {
  font-family: 'Damion';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Damion.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  margin: 100px 0 0 0;
  font-family: Damion, serif;
  text-align: center;
}
img {
  border: 1px solid #444;
  border-radius: 7px;
  box-shadow: 0 0 10px #888;
}
p {
  padding: 2rem;
  line-height: 2rem;
  font-size: 160%;
}
div {
  position:relative;
}
img:nth-of-type(1) {
  position:absolute;
  transition: opacity 1s ease-in-out;
}
@keyframes imgFadeInOut {
    0% { opacity:1; }
    45% { opacity:1; }
    55% { opacity:0; }
    100% { opacity:0; }
}
img:nth-of-type(1) {
    animation-name: imgFadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 30s;
    animation-direction: alternate;
}