body {
    background-image: url(../img/BACKGR12.JPG);
    background-size: 20%;
}

.gif{
    position:absolute;
}

.artwrk{
    position:absolute;
    width: 15%;
    bottom:-60%;
}

.gif.clothes{
    right:0%;
    top:40%;
}

.gif.kick{
    top:15%;
}

.gif.parafuso{
    width:15%;
    left:30%;
    top:5%; 
}

.gif.where{
    right:20%;
    bottom:-5%;
    width:20%;
}

.gif.unicorn{
    bottom:-20%;
    width:30%;
    left:10%;
}

.gif.blue{
    right:45%;
    top:70%;
    width:10%;
}

#speakerdiv{
    position: absolute;
    right: 30%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.speaker{
    position: static;
    width: 60px;
    cursor: pointer;
}

#speakerdiv p{
    margin: 0;
    color: white;
    transform: scale(1,2);
}

.gif.computer{
    bottom:-40%;
    right:35%;
}

.gif.anibar{
    width:100%;
    bottom:-65%;
    left:0;
}

.gif.chem{
    width:8%;
    top:60%;
    left:5%;
}

.gif.e5t{
    width:13%;
    right:10%;
    bottom:-50%;
}

#img{
    width:10%;
    position:absolute;
    bottom:-30%;
    right:9%;
}