* {
padding: 0;
margin: 0
}

body {
background-color: #fff;
}

.crossfade > figure {
animation: imageAnimation 30s linear infinite 0s;
backface-visibility: hidden;
background-size: cover;
background-position: center center;
color: transparent;
height: 100%;
left: 0px;
opacity: 0;
position: absolute;
top: 0px;
width: 100%;
z-index: 0;
}

.crossfade > figure:nth-child(1) {
background-image: url('/assets/images/background/1.jpg');
}
.crossfade > figure:nth-child(2) {
animation-delay: 6s;
background-image: url('/assets/images/background/2.jpg');
}
.crossfade > figure:nth-child(3) {
animation-delay: 12s;
background-image: url('/assets/images/background/3.jpg');
}
.crossfade > figure:nth-child(4) {
animation-delay: 18s;
background-image: url('/assets/images/background/4.jpg');
}
.crossfade > figure:nth-child(5) {
    animation-delay: 24s;
    background-image: url('/assets/images/background/5.jpg');
    }
    
.crossfade > figure:nth-child(6) {
    animation-delay: 30s;
    background-image: url('/assets/images/background/6.jpg');
    }

.crossfade > figure:nth-child(7) {
    animation-delay: 36s;
    background-image: url('/assets/images/background/7.jpg');
    }
    
.crossfade > figure:nth-child(8) {
    animation-delay: 42s;
    background-image: url('/assets/images/background/8.jpg');
    }
.crossfade > figure:nth-child(9) {
    animation-delay: 48s;
    background-image: url('/assets/images/background/9.jpg');
    }
    .crossfade > figure:nth-child(10) {
        animation-delay: 54s;
        background-image: url('/assets/images/background/10.jpg');
        }
                                            
        .crossfade > figure:nth-child(11) {
            animation-delay: 54s;
            background-image: url('/assets/images/background/11.jpg');
            }
                                                
            .crossfade > figure:nth-child(12) {
                animation-delay: 54s;
                background-image: url('/assets/images/background/12.jpg');
                }
                                                    
                .crossfade > figure:nth-child(13) {
                    animation-delay: 54s;
                    background-image: url('/assets/images/background/13.jpg');
                    }
                                                        
                @keyframes imageAnimation {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
}
8% {
    animation-timing-function: ease-out;
    opacity: 1;
}
17% {
    opacity: 1
}
25% {
    opacity: 0
}
100% {
    opacity: 0
}
}}