Анатолий

Укажите, для чего изменяете стили.
Например,

@media only screen and (min-width : 1200px) {
    header {
        min-height: 1000px;
    }
}

.block {
    height: 100vh;
    width: 100vh;
}

Возможно, поможет.

Также можно при открытии инпута ставить position: fixed; для body. Говорят, помогает)

Такое расположение называется Masonry.
Решения: CSS Grid или Masonry JS

Вообще, для этого существует CSS Grid Layout, но поддержка хромает.

Забыли подключить CSS

Сразу CDN тогда уж скину :)

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.css">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.min.css">

Обычное поведение на сенсорных экранах. Либо убирайте ховер для сенсорных, либо смиритесь.

P.S.: Не кажется ли вам, что load за 6,96 секунд немного много? Даже не на самом плохом компьютере сайт грузится постепенно. А на iPhone 5s это выглядит еще ужаснее, когда половина страницы еще не загрузилась. Делайте прелоадер.

В .popup_working_item__img уберите параметр width