lexchz

.un-product-thumbnail {
position: relative;
padding-top: 100%;
}
.un-product-thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}

Но тебе нужно убрать программный hard crop для этих картинок, т.к они сейчас все создаются размером 300*300, обрезая часть картинки.

Например,

let places = document.querySelectorAll('input[name="place"]');
let selects = document.querySelectorAll(".city__select");
let error = '<label class="error">This field is required.</label>';

places.forEach((place, i) =>
  place.checked && !selects[i]?.value
    ? selects[i]?.insertAdjacentHTML("afterend", error)
    : void 0
);

Прописать background-size: cover блоку с фоном.

А что мешает в шаблоне исправить h3 на h1?

Например, так: https://developer.mozilla.org/ru/docs/Web/JavaScri...

Оба варианта будут индексироваться.

label - инлайновый элемент, а div блочный. Как правило, блочные элементы внутри строчных не разрешены. Хотя есть некоторые моменты, например на div внутри ссылки валидатор не ругается.

Ну как вариант, устаревший php-код обработчика, не совместимый с php 7

let i = document.querySelector('input');
let text - i.value;

Там надо прочекать все JS, которые подключены на страницах, а также фреймы сторонних ресурсов. Как правило, большую нагрузку дают Гугл/Яндекс карты, видео Youtube, виджеты соц.сетей и прочих сайтов, Recaptcha, реклама типа Adsense.
На данном сайте вижу, что наибольшую нагрузку дают внешние скрипты от Гугла.

Для улучшения показателя PageSpeed всем этим ресурсам надо установить setTimeot() несколько секунд.

Если не дублировать контент - без JS никак, к сожалению.

more_btn_header {
  height: 100vh;
    display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

У SDD количество циклов перезаписи лимитировано, при такой нагрузке он долго не проживёт.

Фон с затемнением нужно наложить поверх картинки. Чтобы не создавать дополнительный блок, можно использовать linear-gradient:

background: url(../images/bg.jpg) center center no-repeat, linear-gradient(90deg, rgba(34, 34, 34, 0.53), rgba(34, 34, 34, 0.53));

UPD. Поправка. В этом случае linear-gradient на первом месте должен стоять:

background: linear-gradient(90deg, rgba(34, 34, 34, 0.53), rgba(34, 34, 34, 0.53)), url(../images/bg.jpg) center center no-repeat;