.bubble5 {
  position: absolute;
  width: 22vw;
  height: 22vw;
  background-color: #818f96;
  border-radius: 50%;
  transition: all 1.3s ease-out;
  top: 25vw;
  left: 1vw;
  box-shadow: 0px 0px 0.8vw 0.15vw #818f96, inset -10px -10px 40px #251303;
}
.bubble6 {
  position: absolute;
  width: 11vw;
  height: 11vw;
  right: 10vw;
  top: 30vw;
  background-color: #acacac;
  box-shadow: 0px 0px 0.8vw 0.15vw #acacac, inset -10px -10px 40px #251303;
  border-radius: 50%;
  transition: all 1.3s ease-out;
}
.bubble7 {
  position: absolute;
  width: 27vw;
  height: 27vw;
  right: 25vw;
  top: 10vw;
  background-color: #204054;
  box-shadow: 0px 0px 0.8vw 0.15vw #376480, inset -10px -10px 40px #251303;
  border-radius: 50%;
  transition: all 1.3s ease-out;
}
.bubble8 {
  position: absolute;
  width: 17vw;
  height: 17vw;
  right: 65vw;
  top: 6vw;
  background-color: #ffba5f;
  box-shadow: 0px 0px 0.8vw 0.15vw rgb(209, 153, 49),
    inset -10px -10px 40px #251303;
  border-radius: 50%;
  transition: all 1.3s ease-out;
}