#hintspot {
  border-radius: 30px;
  background-color: #EC1B24; /* rgb(103,115,131) */ 
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
z-index: 999;
  opacity: 0.8;
  transition: opacity 0.2s;

  cursor: pointer;
}

#hintspot img {
  width: 100%;
  height: 100%;
  padding: 5%;
}

#hintspot:hover {
  opacity: 1;
}
#hintspot1 {
  border-radius: 30px;
  background-color: #EC1B24; /* rgb(103,115,131) */ 
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
z-index: 999;
  opacity: 0.8;
  transition: opacity 0.2s;

  cursor: pointer;
}

#hintspot1 img {
  width: 100%;
  height: 100%;
  padding: 5%;
}

#hintspot1:hover {
  opacity: 1;
}