.taskPosition{
    position: absolute;
    left: 30px;
    top: 200px;
   
}
.taskPosition2{
    position: absolute;
    left: 800px;
    top: 200px;
   
}
#task1{
    width: 700px;
    height: 400px;
    visibility:hidden;
    
}

#task2{
    width: 700px;
    height: 400px;
    visibility:hidden;  
}
.bg1{
    background-image: url('assets/task_1_good.png');
}
.bg2{
    background-image: url('assets/task_1_evil.png');
}
.bg3{
    background-image: url('assets/task_2_evil.png');
}
.inGR{
    margin-top: 250px;
}
#pop1{
    background-image: url('');
    position: absolute;
    left: 800px;
    top: 200px;
}
#pop2{
    background-image: url('');
    position: absolute;
    left: 30px;
    top: 200px;
}
/* #displayer {
        visibility:hidden;
} */