body {
  background: #4aecd;
}

.flick1 {
  width: 188px;
  height: 240px;
  margin: 2% auto;
  background: url('../img/black_white.png') left center;
  animation: play 166ms steps(2) infinite; 
}
.flick2 {
  width: 188px;
  height: 240px;
  margin: 2% auto;
  background: url('../img/black_white.png') left center;
  animation: play 100ms steps(2) infinite; 
}
.flick3 {
  width: 188px;
  height: 240px;
  margin: 2% auto;
  background: url('../img/black_white.png') left center;
  animation: play 150ms steps(2) infinite;
}
.flick4 {
  width: 188px;
  height: 240px;
  margin: 2% auto;
  background: url('../img/black_white.png') left center;
  animation: play 125ms steps(2) infinite;
}
.flick5 {
  width: 188px;
  height: 240px;
  margin: 2% auto;
  background: url('../img/black_white.png') left center;
  animation: play 90ms steps(2) infinite;
}
.flick6 {
  width: 188px;
  height: 240px;
  margin: 2% auto;
  background: url('../img/black_white.png') left center;
  animation: play 105ms steps(2) infinite;
}
.flick7 {
  width: 188px;
  height: 240px;
  margin: 2% auto;
  background: url('../img/black_white.png') left center;
  animation: play 80ms steps(2) infinite;
}
@keyframes play {
	100% { background-position: -1900px; }
}