body {
    background-color: #fff;
}

#slides {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

#slides > div {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    height: 100vh;
    animation: 10s autoplay ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;

}

#slides > div > a > img {
    width: min(95vw, 95vh);
    height: min(95vw, 95vh);
}

@keyframes autoplay {
  0% {top: 100%}
  10% {top: 0%}
  40% {top: 0%}
  50% {top: -100%}
  100% {top: -100%}
}

#slides > *:nth-child(1) { animation-delay: 1s; }
#slides > *:nth-child(2) { animation-delay: 5s; }