.icon_temp {
  width: 40px;
  height: 40px;
  border: 1px solid #ff007d;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 1.5rem;
  color: #ff007d;
  background: rgba(255, 255, 255, 1);
}
#icon_1 {
  position: absolute;
  top: 11%;
  left: 50%;
}
#icon_2 {
  position: absolute;
  top: 69%;
  left: 50%;
}
#icon_3 {
  position: absolute;
  top: -1%;
  left: 60%;
}
#icon_4 {
  position: absolute;
  top: 80%;
  left: 23%;
}
#icon_5 {
  position: absolute;
  top: 11%;
  left: 20%;
}

#icon_6 {
  position: absolute;
  top: 32%;
  left: 82%;
}
#icon_7 {
  position: absolute;
  top: 50%;
  left: 82%;
}
#icon_8 {
  position: absolute;
  top: 41%;
  left: 40%;
}
#icon_9 {
  position: absolute;
  top: 41%;
  left: 22%;
}
#icon_10 {
  position: absolute;
  top: 40%;
  left: 60%;
}

#icon_11 {
  position: absolute;
  top: 10%;
  left: 56%;
}
#icon_12 {
  position: absolute;
  top: 12%;
  left: 31%;
}
#icon_13 {
  position: absolute;
  top: 47%;
  left: 26%;
}
#icon_14 {
  position: absolute;
  top: 41%;
  left: 15%;
}
#icon_15 {
  position: absolute;
  top: 43%;
  left: 62%;
}
@media (max-width: 1024px) {
  .icon_temp {
    width: 30px;
    height: 30px;
    font-size: 1.2rem;
  }
  #icon_1 {
    position: absolute;
    top: 12%;
    left: 50%;
  }
  #icon_2 {
    position: absolute;
    top: 66%;
    left: 52%;
  }
  #icon_3 {
    position: absolute;
    top: -1%;
    left: 60%;
  }
  #icon_4 {
    position: absolute;
    top: 82%;
    left: 23%;
  }
  #icon_5 {
    position: absolute;
    top: 12%;
    left: 20%;
  }

  #icon_6 {
    position: absolute;
    top: 32%;
    left: 82%;
  }
  #icon_7 {
    position: absolute;
    top: 50%;
    left: 82%;
  }
  #icon_8 {
    position: absolute;
    top: 42%;
    left: 40%;
  }
  #icon_9 {
    position: absolute;
    top: 41%;
    left: 22%;
  }
  #icon_10 {
    position: absolute;
    top: 45%;
    left: 58%;
  }
}
@media (max-width: 768px) {
  #icon_1 {
    position: absolute;
    top: 10%;
    left: 50%;
  }
  #icon_2 {
    position: absolute;
    top: 60%;
    left: 52%;
  }
  #icon_3 {
    position: absolute;
    top: 0%;
    left: 60%;
  }
  #icon_4 {
    position: absolute;
    top: 70%;
    left: 19%;
  }
  #icon_5 {
    position: absolute;
    top: 10%;
    left: 15%;
  }

  #icon_6 {
    position: absolute;
    top: 28%;
    left: 82%;
  }
  #icon_7 {
    position: absolute;
    top: 44%;
    left: 82%;
  }
  #icon_8 {
    position: absolute;
    top: 36%;
    left: 37%;
  }
  #icon_9 {
    position: absolute;
    top: 36%;
    left: 18%;
  }
  #icon_10 {
    position: absolute;
    top: 37%;
    left: 60%;
  }
  #icon_12 {
    position: absolute;
    top: 12%;
    left: 27%;
  }
}
@media (max-width: 576px) {
  #icon_1 {
    position: absolute;
    top: 18%;
    left: 50%;
  }
  #icon_2 {
    position: absolute;
    top: 66%;
    left: 52%;
  }
  #icon_3 {
    position: absolute;
    top: 6%;
    left: 60%;
  }
  #icon_4 {
    position: absolute;
    top: 76%;
    left: 20%;
  }
  #icon_5 {
    position: absolute;
    top: 18%;
    left: 18%;
  }

  #icon_6 {
    position: absolute;
    top: 35%;
    left: 82%;
  }
  #icon_7 {
    position: absolute;
    top: 50%;
    left: 82%;
  }
  #icon_8 {
    position: absolute;
    top: 42%;
    left: 40%;
  }
  #icon_9 {
    position: absolute;
    top: 41%;
    left: 20%;
  }
  #icon_10 {
    position: absolute;
    top: 42%;
    left: 60%;
  }
}