/*fadin images*/
.imageshow {
    position:relative;
    display: block;
    width: 100%;
    padding-bottom: 66.25%; /*change according to aspect ratio of photo*/
}

.fadein {
    position:absolute;
    display: block;
    top:0px;
    width: 100%;
    margin:auto;
}
.fadein img {
    position:absolute;
    top:0;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: fade;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 24s;
            animation-duration: 24s;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

#f1 {
  -webkit-animation-delay: -24s;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
}
#f2 {
    -webkit-animation-delay: -20s;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
}
#f3 {
    -webkit-animation-delay: -16s;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
}
#f4 {
    -webkit-animation-delay: -12s;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
}
#f5 {
    -webkit-animation-delay: -8s;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
}
#f6 {
    -webkit-animation-delay: -4s;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
}