sergski

Это же css, зачем?) Вам нужно только чтобы результат работы функции не противоречил заданным для поля значениям атрибутов, что логично и несложно.

это не то: scroll-behavior: smooth;?
тогда вот

Технически вам нужно сделать 3 слоя
Верхний слой с крестом, под ним див с заливкой серым и полу-прозрачностью, снизу фото. Все это анимировать по наведению мыши

Задайте размеры контейнеру phone-number__icon, а для svg установите 100x100%, те

phone-number__icon {
  width: rem(12px);
  height: rem(12px);
  margin-right: rem(6px);}

.phone-number__icon-elem {
width: 100%; 
height: 100%;}

и какой у вас у спрайта для телефона viewBox?

Наверно, самое простое -- задать ширину элементам в %.
С Райф - 75%, с Росбанк -- 50%, остальным 25%. И все в display: flex;

Если у вас только js, то тут вариант использовать какой-нибудь сторонний сервис типа Cloudinary или nodejs с подходящим пакетом

width и height допишите в background-image
https://jsfiddle.net/nws04zh1/

onscroll происходит для страницы? дб window.onscroll

if (height - scroll === 0) {
alert('Scroll end'); // тут опечатка в alert

}

тут вам нужно какое то действе сделать) например, добавить класс перезаписывающий position

document.querySelector('.ag_b6').classList.add('nosticky');

.ag_b6 {
    position: sticky;
  &.nosticky {
    position: static;
  }
  
}

например, увеличить отступ сверху -- padding-top: 100px; а весь контент прижать к низу

.parent {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

Телефону задать position: sticky, получить в цикле значения позиций всех текстовых блоков getBoundingClientRect, получить текущее значение прокрутки window.pageYOffset и сравнить с текущей позицией текстового блока. По условию менять класс у телефона. Профит)

Логично, конечно, делать запрос с учетом фильтров, а иначе, зачем пользователь их выбирал?) И если выборка цветов уже произошла и, например, у Самсунга нет красных и синих, то и возможности его выбрать не должно быть, зачем лишний запрос делать? Но можно и разделить приоритеты: запрос из поисковой строки и выбор из списка (select) производителей. Те при исходных фильтрах (красный и синий) блокировать выбор из select (самсунг), но из поля поиска искать без учета заданных фильтров (Самсунг, красный и синий).

let getType = /Android|iPhone|iPad|IEMobile/i.test(window.navigator.userAgent) ? 'Mobile' : 'Desktop';

нужно размещать svg инлайн