.mainimage{
    position: absolute;
    top: 24%;
    left: 18%;
    width: 70%;
}
.groupofchildren{
    position: absolute;
    top: 24%;
    left: 22%;
    width: 59%;
}
.query1{
    position: absolute;
    width: 23%;
    text-align: center;
    top: 71%;
    right: 79%;
    font-size:2vw
}
.query2{
    position: absolute;
    width: 34%;
    text-align: center;
    top: 71%;
    right: 53%;
    font-size:2vw
}
.query3{
    position: absolute;
    width: 34%;
    text-align: center;
    top: 78%;
    right: 62%;
    font-size:2vw
}
.query4{
    position: absolute;
    width: 23%;
    text-align: center;
    top: 71%;
    right: 81%;
    font-size: 1.9vw;
}
.query5{
    position: absolute;
    width: 34%;
    text-align: center;
    top: 71%;
    right: 59%;
    font-size: 1.9vw;
}
.query6{
    position: absolute;
    width: 34%;
    text-align: center;
    top: 78%;
    right: 62%;
    font-size: 1.9vw;
}
.dropbox1{
    top: 66%;
    left: 14%;
 }
.dropbox2{
    top: 66%;
    left: 11%;
}
.dropbox3{
    top: 66%;
    left: 29%;
}
.subquery1{
    position: absolute;
    width: 23%;
    text-align: center;
    top: 66%;
    right: 70%;
    transform: rotate(-10deg);
}
.subquery2{
    position: absolute;
    width: 23%;
    text-align: center;
    top: 59%;
    right: 39%;
}
.subquery3{
    position: absolute;
    width: 23%;
    text-align: center;
    top: 62%;
    right: 8%;
    transform: rotate(10deg);
}
.im3image{
transform:rotateY(180deg)
}
.text1{
    text-align: center;
    padding-top: 2%;
}
.text5{
    text-align: center;
    padding-top: 4%;
}

.commaanim{
  color: #A61C00;
  position: absolute;
  opacity: 0;
  animation: comani 3s linear 1s forwards;
  -webkit-animation: comanim 3s linear 1s forwards;
    animation-delay: 8s;
}
.commaanim1{
    color: #A61C00;
    position: absolute;
    opacity: 0;
    animation: comani 3s linear 1s forwards;
    -webkit-animation: comanim 3s linear 1s forwards;
    animation-delay: 4s;
}

@keyframes comanim {
  0%{
    opacity: 0;
    transform: translateY(400%);
  }
  100%{
    opacity: 1;
    transform: translateY(0%);
  }
}
.droppable >p,.droppable1 >p {
    bottom:58%;
}