#bird,
#hand {
  transition: transform 0.5s;
}

#bird:hover {
  transform: rotate(55deg);
}

img.seed {
  width: 20em;
  height: 8em;
}

#hand {
  width: 20em;
  height: 20em;
}

#hand:hover {
  transform: scale(2);
}

#snail {
  width: 30em;
  height: 20em;
  transition: transform 6s;
}

.move-right {
  transform: translateX(90px);
}

article {
  position: relative;
}
article section {
  position: absolute;
  top: 2.44em;
  width: 500px;
  left: -500px;
  padding: 0 1em 0.5em 0.5em;
  background-color: rgba(16, 16, 16, 0.95);
  transition: transform 0.5s;
}
article section nav {
  width: 110%;
  text-align: right;
  background-color: rgba(16, 16, 16, 0.95);
  padding: 0.7em;
}

.visible {
  transform: translateX(500px);
}