Hi,

You can change the preloader with the code:

<div class="preload">
    <div class="flat"></div>
    <div class="square"></div>
    <div class="square-2"></div>
    <div class="square-3"></div>
    <div class="square-4"></div>
</div>

For ex. if your image preload is example-logo.jpg

<div class="preload">
    <div class="flat"></div>
    <img src="example-logo.jpg">
</div>

Then open file style.css and add:

.preload img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

Hi,

Please change in .preload img:  z-index: 99999;
Open file scripts.js and replace 

 $('#preload').addClass('completed');

with

 $('.preload').addClass('completed');