.right-absolute{
     height:0; padding:0; margin:0;
     text-align: end;
}
.physics img{
    position: relative;
    top: 200px;
    width: 125px;
    height: 150px;
    z-index: -30;


}

.left-absolute{
    height:0; padding:0; margin:0;
    
}
.medal img{
    position: relative;
    top: -10px;
    width: 125px;
    height: 150px;

    z-index: -30;
}
.book img{
    position: relative;
    top: 600px;
    width: 125px;
    height: 150px;

    z-index: -30;
}
.clock img{
    top:20px;
}
.cap img{
    top:100px;
}
.side3 img{
    width: 50px;
    right: 455px;
    top: 120px;
}
.heart img{
    width: 80px;
    right: 30px;
    top:10px;
}
.scroll img{
    top: 0px;
    left: 150px;
}
.smile img{
    top: 0px;
    left: 100px;
}
.plain img{
    top: 0px;
    left: 100px;
}
.diploma img{
    right: 30px;
    top:150px;
}
.bookshelf img{
    top: 0px;
    left: 100px;
}


/*responcive*/
@media only screen and (max-width: 1180px){}
@media only screen and (max-width: 1080px){}
@media only screen and (max-width: 992px){
    .right-absolute, .left-absolute{
        display: none;
    }
}
@media only screen and (max-width: 990px){}
@media only screen and (max-width: 880px){}
@media only screen and (max-width: 768px){
    .container{
        padding: 0 15px;
    }
}
/*mobile*/
@media only screen and (max-width: 767px){}
@media only screen and (max-width: 485px){}
@media only screen and (max-width: 420px){}
@media only screen and (max-width: 400px){}
@media only screen and (max-width: 320px){}
@media only screen and (max-width: 280px){}