@keyframes fade {
    0% {opacity: 0;}
    4.55% {opacity: 1;}
    9.09% {opacity: 1;}
    13.64% {opacity: 0;}
    100% {opacity: 0;}
}

.fadein {
    position: relative;
    height: 632px;
    width: 650px;
    /*outline: 1px solid blue;*/
    margin: 50px auto;
}

.photoframe {
    position: relative;
    height: 332px;
    width: 600px;
    /*outline: 1px solid blue;*/
    margin: 0 auto;
    padding-top: 40px;
}

.fadein img {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    animation-name: fade;
    animation-duration: 22s;
    animation-iteration-count: infinite;
}

.fadein img:nth-child(1) {
    animation-delay: 0s;
}
.fadein img:nth-child(2) {
    animation-delay: 2s;
}
.fadein img:nth-child(3) {
    animation-delay: 4s;
}
.fadein img:nth-child(4) {
    animation-delay: 6s;
}
.fadein img:nth-child(5) {
    animation-delay: 8s;
}
.fadein img:nth-child(6) {
    animation-delay: 10s;
}
.fadein img:nth-child(7) {
    animation-delay: 12s;
}
.fadein img:nth-child(8) {
    animation-delay: 14s;
}
.fadein img:nth-child(9) {
    animation-delay: 16s;
}
.fadein img:nth-child(10) {
    animation-delay: 18s;
}
.fadein img:nth-child(11) {
    animation-delay: 20s;
}