#mypreloader{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: url("media/render4.png");
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
        z-index: 1;
    }
    
    .mypreloader-image{
        position: fixed;
        top: 50%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-60%, -50%);
        z-index: 2;
        height: 110px;
        width: 110px;
    }
    
    .mypreloader-bar-pos{
        position: fixed;
        top: 40%;
        left: 20%;
        /* bring your own prefixes */
        /*transform: translate(0, -20%);*/
        z-index: 99999;
        height: 15px;
        width:60%;
        background-color: rgb(79, 101, 138);
        border-radius: 5px;
    }
    
    #mypreloader-bar{
        width:1%;
        background-color: rgb(85, 176, 255);
        height:100%;
        border-radius: 5px;
    }
    
    #mypreloader-text{
        position: fixed;
        top: 50%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
        z-index: 2;
       
        color: rgb(75, 75, 75);
        font-size: 1.5rem;
        font-weight: bold;
        background-color: aliceblue;
    }