.reveal {
  position: relative;
  overflow: hidden;
}
/*initial - hidden*/
.reveal .reveal__cover {
  position: absolute;
  top: 0;
  left: -250px;
  height: 100%;
  margin: 2px;
  width: calc(100% + 250px);
}
.reveal .reveal__cover.reveal__uncovered {
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: calc(100% + 250px);
  margin: 2px;
  transition: left 2500ms ease-out 0ms;
}
.reveal__cover-section {
  height: 100%;
  float: right;
  /* NOTE: Background must match existing background */
  /*background: #000;*/
  background: #fff;
  width: 2%;
}
.reveal__10 {
  opacity: 0.1;
}
.reveal__20 {
  opacity: 0.2;
}
.reveal__30 {
  opacity: 0.3;
}
.reveal__40 {
  opacity: 0.4;
}
.reveal__50 {
  opacity: 0.5;
}
.reveal__60 {
  opacity: 0.6;
}
.reveal__70 {
  opacity: 0.7;
}
.reveal__80 {
  opacity: 0.8;
}
.reveal__90 {
  opacity: 0.9;
}
.reveal__100 {
  opacity: 1;
  width: 82%;
}