.fader {
  position: relative;
  overflow: hidden; }
  .fader :not(.slide) {
    position: relative; }

.slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 2.5s, transform 7.5s;
  transform: scale(1); }
  .slide.fadein {
    opacity: 1; }
  .slide.fadeout {
    opacity: 0; }
  .slide.zoom {
    transform: scale(1.2); }