Разработка иконки загрузки

Нужно разработать код иконки загрузки на сайт: https://bestudio.kz/

Вместо красного колёсика (картинка прикреплена) нужно чтобы был логотип сайта (логотип прикреплён) и крутился только кружок (красный) что на логотипе и всё должно быть по центру!

(Используемый сейчас HTML-код:

<!-- preloader start -->

        <div class="preloader-bg"></div>

        <div id="preloader">

            <div id="preloader-status">

                <div class="preloader-position loader">

                    <span></span>

                </div>

            </div>

        </div><!-- preloader end -->)

(Используемый сейчас CSS-код:

.preloader-bg {

    position: fixed;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #000;

    z-index: 999999;

}

#preloader {

    position: fixed;

    display: table;

    table-layout: fixed;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #000;

    z-index: 999999;

}

#preloader-status {

    display: table-cell;

    vertical-align: middle;

}

.preloader-position {

    position: relative;

    margin: 0 auto;

    text-align: center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

.loader {

    position: relative;

    width: 45px;

    height: 45px;

    left: 50%;

    top: 50%;

    margin-left: -22px;

    margin-top: 2px;

    -webkit-animation: rotate 1s infinite linear;

    -moz-animation: rotate 1s infinite linear;

    -ms-animation: rotate 1s infinite linear;

    -o-animation: rotate 1s infinite linear;

    animation: rotate 1s infinite linear;

    border: 3px solid rgba(255, 255, 255, .15);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}

.loader span {

    position: absolute;

    width: 45px;

    height: 45px;

    top: -3px;

    left: -3px;

    border: 3px solid transparent;

    border-top: 3px solid #ff264a;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}