Виснет блок при загрузке

Доброго дня всем.

Немного предыстории:

1. Выучился html и css благодаря htmlacademy

2. Начал переделывать лендинг для семейного бизнеса.

3. Конечная идея поставить его на wp.

Суть вопроса:

Когда писал код верхний блок на главной странице - подлагивал, зависал.

Думал, поставлю на хостинг на wp, уйдет эта проблема, но не тут то было.

Подскажите в чем проблема? Это из-за того что лого и кнопки через flex? Или какая причина?

Собственно сам сайт онлайн - https://uniship.000webhostapp.com/

Код блока который лагает по моему мнению:

html:

<div class="header">

           <div class="logo-cont">

            <div class="logo-img"></div>

            <div class="logo-txt">Uniship<br>Service</div>

           </div>

           <div class="btn-cont">

            <a href="#">Подробнее</a>

            <a href="#">Связаться</a>

           </div>

        </div>

css:

.header {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    align-items: center;

    height: 600px;

    background: url("img/header.jpeg") no-repeat 50% 50%;

    background-size: cover;

}



.logo-cont {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    margin-top: 145px;

}



.logo-img {

    width: 120px;

    height: 134px;

    background-image: url("img/logo.png");

    background-size: 100%;

    background-repeat: no-repeat;

    margin-top: 10px;

    opacity: 0.7;

}



.logo-txt {

    font-size: 75px;

    text-transform: uppercase;

    color: white;

    line-height: 80px;

    letter-spacing: 10px;

}



.btn-cont {

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    width: 60%;

    margin-top: 100px;

}



.btn-cont a {

    text-decoration: none;

    color: white;

    padding: 10px;

    border: 1px solid white;

    border-radius: 5px;

    width: 160px;

    text-align: center;

}



@keyframes btn-hover {

 50% {opacity: 0.5}

100% {opacity: 1}

}



.btn-cont a:hover {

    color:#5f5f5f;

    font-weight: bold;

    background-color: #58bcb9;

    opacity: 0.8;

    box-shadow: 0px 0px 5px 1px #58bcb9;

    animation: btn-hover;

    transition-timing-function: ease-out;

    transition-duration: 500ms;

}



.btn-cont a:active {

    background-color: #58bcb9;

    opacity: 0.6;

}