* {
  padding: 0;
  margin: 0
}

body {
  background-color: none;
}

.crossfade > figure {
  animation: imageAnimation 108s 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('wedpics/pic01.jpg');
}
.crossfade > figure:nth-child(2) {
  animation-delay: 3s;
  background-image: url('wedpics/pic02.jpg');
}
.crossfade > figure:nth-child(3) {
  animation-delay: 6s;
  background-image: url('wedpics/pic03.jpg');
}
.crossfade > figure:nth-child(4) {
  animation-delay: 9s;
  background-image: url('wedpics/pic04.jpg');
  
}.crossfade > figure:nth-child(5) {
  animation-delay: 12s;
  background-image: url('wedpics/pic05.jpg');
}
.crossfade > figure:nth-child(6) {
  animation-delay: 15s;
  background-image: url('wedpics/pic06.jpg');
}
.crossfade > figure:nth-child(7) {
  animation-delay: 18s;
  background-image: url('wedpics/pic07.jpg');
}
.crossfade > figure:nth-child(8) {
  animation-delay: 21s;
  background-image: url('wedpics/pic08.jpg');
}  
  .crossfade > figure:nth-child(9) {
  animation-delay: 24s;
  background-image: url('wedpics/pic09.jpg');
}
.crossfade > figure:nth-child(10) {
  animation-delay: 27s;
  background-image: url('wedpics/pic10.jpg');
} 
 .crossfade > figure:nth-child(11) {
  animation-delay: 30s;
  background-image: url('wedpics/pic11.jpg');
}
.crossfade > figure:nth-child(12) {
  animation-delay: 33s;
  background-image: url('wedpics/pic12.jpg');
}
.crossfade > figure:nth-child(13) {
  animation-delay: 36s;
  background-image: url('wedpics/pic13.jpg');
}
.crossfade > figure:nth-child(14) {
  animation-delay: 39s;
  background-image: url('wedpics/pic14.jpg');
  
}.crossfade > figure:nth-child(15) {
  animation-delay: 42s;
  background-image: url('wedpics/pic15.jpg');
}
.crossfade > figure:nth-child(16) {
  animation-delay: 45s;
  background-image: url('wedpics/pic16.jpg');
}
.crossfade > figure:nth-child(17) {
  animation-delay: 48s;
  background-image: url('wedpics/pic17.jpg');
}
.crossfade > figure:nth-child(18) {
  animation-delay: 51s;
  background-image: url('wedpics/pic18.jpg');
}  
  .crossfade > figure:nth-child(19) {
  animation-delay: 54s;
  background-image: url('wedpics/pic19.jpg');
}
.crossfade > figure:nth-child(20) {
  animation-delay: 57s;
  background-image: url('wedpics/pic20.jpg');
} 
.crossfade > figure:nth-child(21) {
  animation-delay: 60s;
  background-image: url('wedpics/pic21.jpg');
}
.crossfade > figure:nth-child(22) {
  animation-delay: 63s;
  background-image: url('wedpics/pic22.jpg');
}
.crossfade > figure:nth-child(23) {
  animation-delay: 66s;
  background-image: url('wedpics/pic23.jpg');
}
.crossfade > figure:nth-child(24) {
  animation-delay: 69s;
  background-image: url('wedpics/pic24.jpg');
  
}.crossfade > figure:nth-child(25) {
  animation-delay: 72s;
  background-image: url('wedpics/pic25.jpg');
}
.crossfade > figure:nth-child(26) {
  animation-delay: 75s;
  background-image: url('wedpics/pic26.jpg');
}
.crossfade > figure:nth-child(27) {
  animation-delay: 78s;
  background-image: url('wedpics/pic27.jpg');
}
.crossfade > figure:nth-child(28) {
  animation-delay: 81s;
  background-image: url('wedpics/pic28.jpg');
}  
  .crossfade > figure:nth-child(29) {
  animation-delay: 84s;
  background-image: url('wedpics/pic29.jpg');
}
.crossfade > figure:nth-child(30) {
  animation-delay: 87s;
  background-image: url('wedpics/pic30.jpg');
} 
 .crossfade > figure:nth-child(31) {
  animation-delay: 90s;
  background-image: url('wedpics/pic31.jpg');
}
.crossfade > figure:nth-child(32) {
  animation-delay: 93s;
  background-image: url('wedpics/pic32.jpg');
}
.crossfade > figure:nth-child(33) {
  animation-delay: 96s;
  background-image: url('wedpics/pic33.jpg');
}
.crossfade > figure:nth-child(34) {
  animation-delay: 99s;
  background-image: url('wedpics/pic34.jpg');
  
}.crossfade > figure:nth-child(35) {
  animation-delay: 102s;
  background-image: url('wedpics/pic35.jpg');
}
.crossfade > figure:nth-child(36) {
  animation-delay: 105s;
  background-image: url('wedpics/pic36.jpg');
}
@keyframes imageAnimation {
  1% {
    animation-timing-function: ease-in;
    opacity: 0;
  }
  1% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  10% {
    opacity: 1
  }
  14% {
    opacity: 0
  }
  100% {
    opacity: 0
  }