#panel-2 {
  background: linear-gradient(rgba(255,255,255,0) 60%, white 60%);
}
.toe-right {
  margin-top: -6%;
  transform: translateX(110%);
  transition: .9s 0s linear all;
}
.object--float {
  top: 22%;
  left: 8%;
  width: 28%;
}
.object--float:before {
  background-image: url(../assets/crocodile/to-web/croc-choice-1b.png);
}
.object--float:after {
  background-image: url(../assets/crocodile/to-web/croc-choice-1c.png);
}
.object--umbrella {
  top: 18%;
  left: 40%;
  width: 18%;
}
.object--umbrella:before {
  background-image: url(../assets/crocodile/to-web/croc-choice-6b.png);
}
.object--umbrella:after {
  background-image: url(../assets/crocodile/to-web/croc-choice-6c.png);
}
.object--arm-bands {
  top: 20%;
  right: 14%;
  width: 22%;
}
.object--arm-bands:before {
  background-image: url(../assets/crocodile/to-web/croc-choice-2b.png);
}
.object--arm-bands:after {
  background-image: url(../assets/crocodile/to-web/croc-choice-2c.png);
}
.object--plant {
  top: 35%;
  left: 16%;
  width: 12%;
}
.object--plant:before {
  background-image: url(../assets/crocodile/to-web/croc-choice-4b.png);
}
.object--plant:after {
  background-image: url(../assets/crocodile/to-web/croc-choice-4c.png);
}
.object--trumpet {
  top: 39%;
  left: 35%;
  width: 26%;
}
.object--trumpet:before {
  background-image: url(../assets/crocodile/to-web/croc-choice-5b.png);
}
.object--trumpet:after {
  background-image: url(../assets/crocodile/to-web/croc-choice-5c.png);
}
.object--snorkel {
  top: 37%;
  right: 13%;
  width: 21%;
}
.object--snorkel:before {
  background-image: url(../assets/crocodile/to-web/croc-choice-3b.png);
}
.object--snorkel:after {
  background-image: url(../assets/crocodile/to-web/croc-choice-3c.png);
}

.a-topLeft {
  position: absolute;
  width: 60%;
  top: 0;
  left: 0;
  transform: rotate(0deg) translateX(-110%);
  transition: .5s 0s linear all;
}

.b-right {
  position: absolute;
  width: 60%;
  top: 16%;
  right: 2%;
  transform: rotate(0deg) translateX(110%);
  transition: .5s 0.4s linear all;
}

.d-left {
  position: absolute;
  width: 65%;
  bottom: 23%;
  left: 11%;
  transform: rotate(0deg) translateX(-120%);
  transition: .5s .8s linear all;
}

.e-bottom {
  position: absolute;
  width: 53%;
  bottom: 8%;
  right: 0%;
  transform: rotate(0deg) translateX(110%);
  transition: 0.5s 1.2s linear all;
}

#panel-9 {
  border-top: 2px solid;
}

.end {
  position: absolute;
  top: 30%;
  left: 7%;
  width: 85%;
}