HTML/CSS - Phone Animation📱📱 Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Phone [Image Display]</title>
    </head>
    <body>
     <div id="screen">
     <div id="unlockZ"><pre>
 Drag
 Here
     </pre></div>
         
     <div id="unlock"></div>
     <div class="notifBar"><pre style="font-size:14px;"> please leave a like(☝️)
     </pre>
     </div> 
     <div class="notifBar"><div id="solo"></div><pre>
    Sololearn Beta tester
     </pre></div>
     <div class="notifBar"><div id="FB">F</div><pre>
    Jacob duelz says Hello</pre></div>
    </div>
     
    </body>
</html>

css

body {
    background-color: grey;
    position:fixed;
}
div{
position:absolute;
}
#screen{
width:230px;
height:370px;
background-image:url("https://i.pinimg.com/736x/ca/ea/57/caea57268e1dee696f3c20a5a0f895f2--nice-wallpaper-iphone-nice-wallpapers.jpg");
border:15px solid  black;
background-size:cover;
left:30px;
top:20px;
border-radius:5px;
}
@keyframes fading{
2%{
background-image:url("https://i.pinimg.com/736x/ca/ea/57/caea57268e1dee696f3c20a5a0f895f2--nice-wallpaper-iphone-nice-wallpapers.jpg");
}
40%{
background-image:url("https://i.pinimg.com/736x/26/7f/70/267f709e4c8b696957ebf9f187c0d344--iphone-backgrounds-phone-wallpapers.jpg");
}
70%{

window.onload=function(){
alert("You might experience glitches if you have a low end device or slow connection!You can also swipe down the notification bar!Thank you.....\nStatus:all images loaded");
brains=["getElementById","getElementsByClassName"];
//getting all elements
Unlock=document[brains[0]]("unlock");
Zone=document[brains[0]]("unlockZ");
Bar=[
document[brains[1]]("notifBar")[0],
document[brains[1]]("notifBar")[1],
document[brains[1]]("notifBar")[2]
]
/*
for(var i=0;i<9;i++){
Dot[i].addEventListener("touchstart",function(){
ctx.beginPath();
ctx.line
});
}
ctx=Pattern.getContext("2d");
ctx.beginPath();
ctx.lineWidth="10";
ctx.stroke();*/
//adding all Event Listeners
Unlock.addEventListener("touchmove",moveU);
Unlock.addEventListener("touchend",originU);
Bar[2].addEventListener("touchmove",barDown);
Bar[2].addEventListener("touchend",barUp);
}

BROWSER

Console