.eyeballblack01 {
  top: 18.5%;
  left: 40.5%;
  z-index: 1;
  height: 50px;
  width: 100px;
  opacity: 25%;
  pointer-events: none;
  filter: grayscale(100%);
}

.eyeball01 {
  position: absolute;
  top: 17.5%;
  left: 40.5%;
  z-index: 30;
  height: 50px;
  width: 75px;
  transition: 0.3s ease-in-out;
  -webkit-box-reflect: below -20px linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  cursor: pointer;
}

.eyeball01:hover {
  height: 80px;
  width: 120px;
  margin-top: -5px;
  margin-left: -25px;
}

.eyeball01:focus {
  outline: 3px solid blue;
}

.eyeball02 {
  position: absolute;
  top: 22%;
  left: 26.5%;
  z-index: 30;
  height: 50px;
  width: 75px;
  transition: 0.3s ease-in-out;
  -webkit-box-reflect: below -20px linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  cursor: pointer;
}

.eyeball02:hover {
  height: 80px;
  width: 120px;
  margin-top: -5px;
  margin-left: -25px;
}

.eyeball02:focus {
  outline: 3px solid blue;
}

.eyeball03 {
  position: absolute;
  top: 43%;
  left: 27.25%;
  z-index: 30;
  height: 50px;
  width: 75px;
  transition: 0.3s ease-in-out;
  -webkit-box-reflect: below -20px linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  cursor: pointer;
}

.eyeball03:hover {
  height: 80px;
  width: 120px;
  margin-top: -5px;
  margin-left: -25px;
}

.eyeball03:focus {
  outline: 3px solid blue;
}

.eyeball04 {
  position: absolute;
  top: 65%;
  left: 37%;
  z-index: 30;
  height: 50px;
  width: 75px;
  transition: 0.3s ease-in-out;
  -webkit-box-reflect: below -20px linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  cursor: pointer;
}

.eyeball04:hover {
  height: 80px;
  width: 120px;
  margin-top: -5px;
  margin-left: -25px;
}

.eyeball04:focus {
  outline: 3px solid blue;
}

.eyeball05 {
  position: absolute;
  top: 27.5%;
  left: 65%;
  z-index: 30;
  height: 50px;
  width: 75px;
  transition: 0.3s ease-in-out;
  -webkit-box-reflect: below -20px linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  cursor: pointer;
}

.eyeball05:hover {
  height: 80px;
  width: 120px;
  margin-top: -5px;
  margin-left: -25px;
}

.eyeball05:focus {
  outline: 3px solid blue;
}

.eyeball06 {
  position: absolute;
  top: 39%;
  left: 13.5%;
  z-index: 30;
  height: 50px;
  width: 75px;
  transition: 0.3s ease-in-out;
  -webkit-box-reflect: below -20px linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  cursor: pointer;
}

.eyeball06:hover {
  height: 80px;
  width: 120px;
  margin-top: -5px;
  margin-left: -25px;
}

.eyeball06:focus {
  outline: 3px solid blue;
}