#circle {
  position: relative;
  background-color: #97afbf;
  margin: 20px auto;
  width: 250px;
  height: 250px;
  border-radius: 200px;
}

#text {
  top: 50%;
  left: 50%;
  transform: translate(0%, 110%);
  color: #fff;
  z-index: 0;
}

#image {
  top: 30%;
  left: 50%;
  transform: translate(0%, 15%);
  color: initial;
  z-index: 0;
}