.pushsymbolright{
    position: absolute;
    width: 8%;
    text-align: center;
    top:83%;
    color:#A61C00;
    animation: pushsymbolrightanim 1s linear 0s forwards;
}
@keyframes pushsymbolrightanim{
    0% {
        left:90%;
    }
    100%{
        left:67%;
    }
}
.pushsymbolright1{
    position: absolute;
    width: 5%;
    text-align: center;
    top:83%;
    color:#A61C00;
    animation: pushsymbolrightanim1 1s linear 0s forwards;
}
@keyframes pushsymbolrightanim1{
    0% {
        left:90%;
    }
    100%{
        left:60%;
    }
}
.mainimage{
    width: 81%;
    height: 47%;
    position: absolute;
    top: 32%;
    left: 10%;
}
.dropbox1{
    top: 70%;
    left: 28%;
}
.font{
    font-size:1.8vw;
}
.subquery2{
    position: absolute;
    width: 23%;
    text-align: center;
    top: 59%;
    right: 39%;
}
.subquery1{
    position: absolute;
    width: 23%;
    text-align: center;
    top: 72%;
    right: 69%;
    transform: rotate(-10deg);
}
.mainimage1{
    width: 30%;
    height: 47%;
    position: absolute;
    top: 27%;
    left: 35%;
}
.droppable >p {
    bottom:58%;
}