.log {
  position: absolute;
  z-index: 100;
  color: white;
}

body {
  margin: 0;
  padding: 0;
  background: black;
}

.container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.container div {
  position: absolute;
  top: calc(50% - 200px);
  left: calc(50% - 100px);
  width: 200px;
  height: 400px;
  opacity: 1;
  background-size: cover;
}

.fader {
  background: url(https://images.unsplash.com/photo-1451187863213-d1bcbaae3fa3?crop=entropy&fit=crop&fm=jpg&h=725&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=1375) #ddd center bottom;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.6;
}

.l-1 {
  background-image: url("https://dl.dropboxusercontent.com/u/1056127/body/s_1.png");
}

.l-2 {
  background-image: url("https://dl.dropboxusercontent.com/u/1056127/body/s_2.png");
}

.l-3 {
  background-image: url("https://dl.dropboxusercontent.com/u/1056127/body/s_3.png");
}

.l-4 {
  background-image: url("https://dl.dropboxusercontent.com/u/1056127/body/s_4.png");
}