.genie {
  position: absolute;
  display: none;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.genie.expand .genie-step {
  -moz-transition: background-position 700ms ease-in;
  -webkit-transition: background-position 700ms ease-in;
}
.genie.fan .genie-step {
  -moz-transition: all 300ms ease-in;
  -webkit-transition: all 300ms ease-in;
}
.genie.collapse .genie-step {
  -moz-transition: all 300ms ease-in;
  -webkit-transition: all 300ms ease-in;
}
.genie.change-pace .genie-step {
  -moz-transition: background-position 1330ms ease-in;
  -webkit-transition: background-position 1330ms ease-in;
}
.genie .genie-step {
  background-repeat: no-repeat;
  background-image: inherit;
  background-size: 100%;
  position: absolute;
}