* {
  padding: 0;
  margin: 0
}

body {
  background-color: #000000;
}

.crossfade > figure {
  animation: imageAnimation 135s 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('../img/default.png');
}

.crossfade > figure:nth-child(2) {
  animation-delay: 15s;
  background-image: url('http://64.251.68.82:81/cgi-bin/snapshot.cgi?channel=0');
}

.crossfade > figure:nth-child(3) {
  animation-delay: 20s;
  background-image: url('http://www.bigwhite.com/images/webcams/full/hwy33.jpg');
}

.crossfade > figure:nth-child(4) {
  animation-delay: 25s;
  background-image: url('http://www.boulderbeachvineyard.ca:85/weather/WX/image.jpg?');
}

.crossfade > figure:nth-child(5) {
  animation-delay: 30s;
  background-image: url('http://images.drivebc.ca/bchighwaycam/pub/cameras/147.jpg');
}

.crossfade > figure:nth-child(6) {
  animation-delay: 35s;
  background-image: url('http://images.drivebc.ca/bchighwaycam/pub/cameras/127.jpg');
}

.crossfade > figure:nth-child(7) {
  animation-delay: 40s;
  background-image: url('http://images.drivebc.ca/bchighwaycam/pub/cameras/636.jpg');
}

.crossfade > figure:nth-child(8) {
  animation-delay: 45s;
  background-image: url('https://nexusapi-us1.camera.home.nest.com/get_image?uuid=35e0aa4fd233420b9e875e4d075efa75&/');
}

.crossfade > figure:nth-child(9) {
  animation-delay: 50s;
  background-image: url('https://nexusapi-us1.camera.home.nest.com/get_image?uuid=daa137a71c78467e8d57d7d406737cfb&/');
}

.crossfade > figure:nth-child(10) {
  animation-delay: 55s;
  background-image: url('http://www.rhb-grischun.ca/WebCam1/webcam1.jpg');
}

.crossfade > figure:nth-child(11) {
  animation-delay: 60s;
  background-image: url('https://sweetlife.com/images/webcams/lap_pool.png?');
}

.crossfade > figure:nth-child(12) {
  animation-delay: 65s;
  background-image: url('http://images.drivebc.ca/bchighwaycam/pub/cameras/640.jpg');
}

.crossfade > figure:nth-child(13) {
  animation-delay: 70s;
  background-image: url('https://apps.kelowna.ca/CityPage/images/Sport%20and%20Recreation/Parks%20and%20Facilities/StuartParkWebCam.jpg');
}

.crossfade > figure:nth-child(14) {
  animation-delay: 75s;
  background-image: url('http://webcamsandybeach.dyndns.org:10080/jpeg.cgi?');
}

.crossfade > figure:nth-child(15) {
  animation-delay: 80s;
  background-image: url('http://peachland.info/WebCam-Final/WebCam-Final.jpg');
}

.crossfade > figure:nth-child(16) {
  animation-delay: 85s;
  background-image: url('https://www.predatorridge.com/webcam/PredatorCircle.jpg?');
}

.crossfade > figure:nth-child(17) {
  animation-delay: 90s;
  background-image: url('http://wkrieg.dyndns.biz/axis-cgi/jpg/image.cgi?');
}

.crossfade > figure:nth-child(18) {
  animation-delay: 95s;
  background-image: url('http://www.safaribeachresort.com/sites/default/files/safaribeachcam/netcam.jpg?');
}

.crossfade > figure:nth-child(19) {
  animation-delay: 100s;
  background-image: url('http://s3-us-west-2.amazonaws.com/skisilverstar.webcams/webcams/webcam.jpg');
}

.crossfade > figure:nth-child(20) {
  animation-delay: 105s;
  background-image: url('http://www.sosailing.ca/webcam/netcam.jpg');
}

.crossfade > figure:nth-child(21) {
  animation-delay: 110s;
  background-image: url('https://nexusapi-us1.camera.home.nest.com/get_image?uuid=93be9e5ba7ec4f72b2d5f81b9b2d7f9b&/');
}

.crossfade > figure:nth-child(22) {
  animation-delay: 115s;
  background-image: url('http://images.drivebc.ca/bchighwaycam/pub/cameras/369.jpg');
}

.crossfade > figure:nth-child(23) {
  animation-delay: 120s;
  background-image: url('http://westkelownayachtclub.com/camera/BE.jpg?');
}

.crossfade > figure:nth-child(24) {
  animation-delay: 125s;
  background-image: url('http://images.webcams.travel/webcam/1302198850-Weather-Kelowna-Airport-Southwest-View-Winfield.jpg');
}

.crossfade > figure:nth-child(25) {
  animation-delay: 130s;
  background-image: url('http://images.webcams.travel/webcam/1302198850-Weather-Kelowna-Airport-Southwest-View-Winfield.jpg');
}

@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
  }
  2% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  5% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}