.shape {
  position: absolute;
  z-index: 2;
}

.circle {
  height: 93px;
  width: 93px;
	background-image: url(smileshape.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.circle:nth-of-type(1) {
  left: 5%;
  top: 20%;
}

.circle:nth-of-type(2) {
  left: 20%;
  top: 5%;
}

.circle:nth-of-type(3) {
  left: 11%;
    top: 63%;
}

.circle:nth-of-type(4) {
  left: 4%;
  top: 80%;
}

.circle:nth-of-type(5) {
  left: 70%;
  top: 5%;
}

.circle:nth-of-type(6) {
      left: 84%;
    top: 63%;
}

.circle:nth-of-type(7) {
  left: 85%;
    top: 25%;
}

.circle:nth-of-type(8) {
  left: 80%;
  top: 80%;
}