Семен Кузнецов

А чем это плохо?

/* Этот код сработает на экранах размером <= 576px по ширине*/
@media (max-width: 576px) {
     /* Тут твой код */
}

Ваш вопрос очень не простой, так как фон будет разный на разных экранах. Вы установили высоту в 700px это ок. Но вы не учитываете ширину экрана. Если хотите точного соответствия картинки на экране я бы рекомендовал вам поместить изображение в виде тега img

То есть создать нечто такое:

<section class="main">
      <div class="main__content">
         <!-- Тут будет содержимое (кнопки, текст и тд) -->
      </div>
      <img src="/image_1920.png" alt="">
</section>

Необходимые стили

.main {
    position: relative;
}
.main__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

Таким образом вы получите оригинальное соотношение сторон а .main_content накроет изображение и в нем вы сможете запилить контент. И бонусом вы можете использовать srcset, юзеры на смартфонах скажут вам спасибо)

В шаблоне где у вас выводиться логотип, скорее всего это header.php.

<a href="<?= (is_home()) ? '#ancor' : '/' ?>">
   <img src="/logo.png" alt="Мой прекрасный логотип">
</a>

Элементарна!

Ползунок нормальный нужно запретить выделение текста.

У тебя при перетаскивании ползунка выделяется текст. То есть я промахиваюсь по ползунку, так как у него размашистый hover эффект и при попытке перетащить ползунок выделяю текст.

Далее я пытаюсь перетащить другой ползунок и опять из за эффекта промахиваюсь и тащу весь выделенный текст.

Просто запрети выделение текста в этом блоке на js. Вариант еще проще на css

<style type="text/css">
        .calc__inner {
            /**
             * Для эксплорера
             */
            -ms-user-select: none;

            /**
             * Для мозилы
             */
            -moz-user-select: none;

            /**
             * Для конкверора
             */
            -khtml-user-select: none;

            /**
             * Для Сафари и Хрома
             */
            -webkit-user-select: none;
        }
    </style>