sergski

С помощью offsetWidth или getBoundingClientRect получить элемент с максимальной шириной и применить для всех

Технически вам нужно сделать 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; а весь контент прижать к низу

Все как обычно — используйте new Date() и getTime()

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

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

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

например, так

<section>
    <h1>Последние товары</h1>
    <article>
        <aside>
            <figure>
                <figcaption>Описание изображения</figcaption>
                <img src="" alt="" />
            </figure>
        </aside>
        <header>
            <h2>Товар</h2>
        </header>
        <div>
            Краткое описание товара
        </div>
        <footer>
            <div>Цена</div>
            <button>Кнопка купить</button>
        </footer>
    </article>
</section>