HTML/CSS - Star Wars [Top 7 characters] Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Star Wars</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    </head>
    <body>
        
        <section id="sc">
        <h3>Top Seven Characters in "Star Wars"...</h3>
            <img id="sc_img" alt="The star wars logos are loading..." src=""/>
            
            <section id="sc_bd">
              <table id="tbl1">
              <tr>
               <td><span id="r_n">Han Solo</span><img width="50%" id="img1" src=""/>
               Fictional
                </td>
                <td><span id="f_n">Harrison</span>
                <img id="img2" src=""/>
                Real
                </td>
              </tr>
              </table>
              
              <div id="desc">
                  <table id="tbl2">
                      <tr>

css

#sc {
    position: fixed;
    width: 100vw;
    height: 100vh;
    padding: 0px;
    margin: 0px;
    top: 120vh;
    left: 0px;
    background-color:  #247;
    opacity: 1;
    overflow: hidden;
    box-sizing: border-box;
}
#sc_bd {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    top: 0vh;
    left: 0px;
    background-color: transparent;
    opacity: 0;
    border: none;
    box-sizing: border-box;
    overflow: scroll;

var ww,wh,isOn = 1;
ww = window.innerWidth;
wh = window.innerHeight;
function _id(e){
    return document.getElementById(e);
}
this.onload = () =>{
    setInterval(bg_switch, 5000);
    brg()
}
function bg_switch(){
    var d = _id("sc_img");
    var arr = ["https://media.giphy.com/media/lsjSYYx2svEvm/giphy.gif","https://cdn.thetechreviewer.com/wp-content/uploads//2018/04/Watch-Star-Wars-Online.jpg","https://upload.wikimedia.org/wikipedia/commons/7/7b/May_the_4th_be_with_you_%28Star_Wars_Day%29.gif","http://rs376.pbsrc.com/albums/oo203/JohnnyPHreak/StarWarsAnimatedAvatar.gif~c200","http://78.media.tumblr.com/abf86e5eb9438d43c23284a2ca5d6cb4/tumblr_n4f136DXRL1twcj5xo6_250.gif","https://data.whicdn.com/images/251444396/original.gif","https://i.gifer.com/TkIn.gif"];
    
  function gr(max) {
  return Math.floor(Math.random() * Math.floor(max));
}
    d.src = (arr[gr(arr.length)]);
}
function brg(){
var a = _id("sc");
    $(a).delay(1500).animate({top: "0px"},160);
    $(a).animate({top: "80px"},15);

BROWSER

Console