Николай Угольников

Не вижу на странице ни одного элемента, который нужно абсолютно позиционировать. Используй display: flex и display: grid

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

HTML:

<section class="block">
    <div class="container block__container">

    </div>
</section>

CSS:

.block {
    position: relative;
}

.block__container::after {
    content: "";
    position: absolute;
    width: 50%;
    height: ;
    right: 0;
    top: 0;
    background: url (...) no-repeat;
    background-size: cover;
}

input {
    appearance: none;
}

Не совсем понял суть вопроса. Попробуйте задать высоту в %

.contacts::after {
    content: "";
    background: url() no-repeat;
    height: 100%;
    right: 0;
    ...
}

<svg ...>
    <image x="0" y="0" width="" height="" xlink:href="/img/" />
</svg>

input::placeholder {
    background: url(img/icon.svg) no-repeat;
}

https://codepen.io/ugolnikov/pen/NWjLaVx

https://www.youtube.com/watch?v=E6kLaaQFctU&t=1230s

на гридах

Проверь кодировку