/* for images that lay on top of one another */
.pointer-events {
  pointer-events: none;
}

.myContainer {
  max-width: 500px;
}

/* for images that start off with opacity on */
.opacity-on {
  opacity: 1;
}

/* for images that start off with opacity off */
.opacity-off {
  opacity: 0;
}

/* for images that start off on top of others */
.top-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.myButton {
  width: 100px;
}

.faucetImg {
  left: 67%;
  bottom: -70%;
  width: 50%;
  transform: translateX(-50%);
  z-index: 1;
}