body.demo {
  margin: 0;
  padding: 0;
}

.animate-on-scroll .frames {
  position: sticky;
  top: 0;
  text-align: center;
  background-color: black;
}
.animate-on-scroll img {
  display: none;
  height: 100vh;
  object-fit: cover;
  width: 100%;
}
.animate-on-scroll img.current {
  display: block;
  margin: auto;
}

.demo--animate-on-scroll .separator {
  height: 200px;
  width: 100%;
  background-color: #46B29D;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJmaWxlOi8vL2hvbWUvZXJpY21vcmFuZC9Qcm9qZWN0cy9lem9iMi90ZXN0L2RlbW8uc2NzcyIsImZpbGU6Ly8vaG9tZS9lcmljbW9yYW5kL1Byb2plY3RzL2V6b2IyL3NyYy9hbmltYXRlLW9uLXNjcm9sbC9pbmRleC5zY3NzIiwiZmlsZTovLy9ob21lL2VyaWNtb3JhbmQvUHJvamVjdHMvZXpvYjIvdGVzdC9sYXVyZWF0by9hbmltYXRlLW9uLXNjcm9sbC9kZW1vLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRTtFQUNBOzs7QUNIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOzs7QUNYSjtFQUNFO0VBQ0E7RUFDQSIsImZpbGUiOiJpbmRleC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0IFwiLi4vc3JjL2xhdXJlYXRvL2ZvbnQvbWl4aW5zXCI7XG5cbmJvZHkuZGVtbyB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbn1cblxuQG1peGluIGRlbW9Db250ZW50KCkge1xuICBwYWRkaW5nOiAwLjVlbTtcblxuICAudGVzdC1jYXNlIHtcbiAgICBib3JkZXItY29sb3I6ICNlNWU1ZTU7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuXG4gICAgPiBoZWFkZXIsID4gLmhlYWRlciB7XG4gICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICAgICAgcGFkZGluZzogMTBweDtcbiAgICAgIGJvcmRlci1ib3R0b206IHNvbGlkIDFweCAjZTVlNWU1O1xuICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmJmOWY5O1xuICAgIH1cblxuICAgICYuY29udGFpbmVyLWNvbG9ycyB7XG4gICAgICA+IC5jb250ZW50IHtcbiAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmNvbnRhaW5lci1mb250IHtcbiAgICAgID4gLmNvbnRlbnQge1xuICAgICAgICBAaW5jbHVkZSBmb250LS1jb250ZW50O1xuICAgICAgfVxuICAgIH1cbiAgfVxufSIsIi5hbmltYXRlLW9uLXNjcm9sbCB7XG4gIC5mcmFtZXMge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbiAgfVxuXG4gIGltZyB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICBoZWlnaHQ6IDEwMHZoO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgJi5jdXJyZW50IHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgbWFyZ2luOiBhdXRvO1xuICAgIH1cbiAgfVxufSIsIkBpbXBvcnQgXCIuLi8uLi9kZW1vXCI7XG5AaW1wb3J0IFwiaW5kZXhcIjtcbkBpbXBvcnQgXCIuLi8uLi8uLi9zcmMvYW5pbWF0ZS1vbi1zY3JvbGxcIjtcblxuLmRlbW8tLWFuaW1hdGUtb24tc2Nyb2xsIHtcbiAgLnNlcGFyYXRvciB7XG4gICAgaGVpZ2h0OiAyMDBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDZCMjlEO1xuICB9XG59XG4iXX0= */