.info {
  position:relative;
  font-family:Arial;
  margin:10px;
  text-align:center;
  border-radius:5px;
  font-size:15px;
}

#text div {
  position:relative;
  height: 70px;
  width: 70px;
  border: 1px dashed gray;
  display: inline-block;
  margin: 0;
  padding:0;
}

#text {
  width:214px;
  height:214px;
  background-color: lightgray;
  border:2px solid gray;
  margin:auto;
  font-size: 0;
}

#images {
  width: 100%
}

#drag4,
#drag5,
#drag6,
#drag7,
#drag8,
#drag9,
#drag10,
#drag11,
#drag12 {
  height: 70px;
  width: 70px;
  display: inline-block;
  z-index: 99;
}

#drag4 {
  background-image: url("./img/05.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#drag5 {
  background-image: url("./img/04.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#drag6 {
  background-image: url("./img/02.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#drag7 {
  background-image: url("./img/01.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#drag8 {
  background-image: url("./img/09.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#drag9 {
  background-image: url("./img/06.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#drag10 {
  background-image: url("./img/08.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#drag11 {
  background-image: url("./img/03.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#drag12 {
  background-image: url("./img/07.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}