#loading-animation
{
    height: 100vh;
    width: 100vw;
    background-color: #00baff;
    z-index: -190;
    position: fixed;
    overflow: hidden;

}
@media screen and (orientation: landscape)  {
    #gif1, #gif2
    {
        position: absolute;
        top: calc(50vh - 20vw);
        left: 30vw;
        width: 40vw;
        height: 40vw;
    }
}
@media screen and (orientation: portrait)  {
    #gif1, #gif2
    {
        position: absolute;
        top: 30vh;
        left: calc(50vw - 20vh);
        width: 40vh;
        height: 40vh;
    }
}
#gif2{display: none;}