sergski

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

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

Видимо хрому не нравится выставленный тип контента, если заменить на image/png, то картинки выводятся так же как в мозилле.

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

Взять строку '2022-11-22 14:25:04.000 +0600', заменить в ней 14:25:04 на 15:35:00
Разность new Date( '2022-11-22 15:35:00.000 +0600' ) и new Date( '2022-11-22 14:25:04.000 +0600' ) будет числом в миллисекундах

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

let str = document.querySelector('source').getAttribute('srcset');
let arrIn = str.split(' ');
let arrOut = arrIn.filter( itm => itm.includes(".png") );

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

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

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

const el = $('.slick-slide'),
      slickIndex = el.data("slick-index");

if( slickIndex == 2 && el.hasClass('slick-active') ){
    $('[data-slick-index="2"] .new_class').css("display", "block");
}

Потому что grid-area задает положение элемента в сетке по горизонтали и вертикали. Те браузер получает значение dataId, и в соответствии с моделью grid говорит вам -- "помещу этот элемент в 1 колонку и закончу в 1 колонке, помещу 1 строку и закончу в 1 строке".