The only being able to see his head thing is on purpose, he pops up when you tap or hover over him so he doesn’t obstruct view too much

For the loading gif I imported it in my bio using the <img/> tag and gave it an id

And for the css code

#gif-id-name {
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 100%;
    display: inline;
    animation: fade 5s forwards;
    pointer-events: none;
}

@keyframes fade {
    100% { opacity: 0%; display: none; }
}

Do keep in mind that width and height will stretch or squish the gif to fit the screen, it’s intentional as I thought it looked funny if he were to be very squished on mobile and very stretched on pc and/or iPad