Alex

Если вы подключили какой-то плагин для скролее, тогда дело может быть в нем

Если изображение является частью контента — только тег <img alt="">. Если изображение выполняет исключительно декоративную роль тогда фон.

Только так

Только Табуляция! Только Табы ! :)

Внизу, просто добавьде блок, с высотой 30% и градиентом, от белого до прозначного. И pointer-events:none

На самом деле вам не нужен ни аякс, ничего.
Просто по клику на кнопку отсортируйте ваш массив и перерисуйте таблицу

https://codepen.io/cawa-93/pen/YgrPvz

Изучайте Flexbox

https://api.jquery.com/category/events/mouse-events/

Сделайте контектер с большими отступами. И поворачивайте карточку когда курсор находит на контейнер а не на саму карточку.

Дергаине происходит из-за того, что в процессе поворота курсор покидает зону карточки и браузер пытается восстановить её. От этого курсор снова попадает в зону. И так туда сюда. Потому нужно слушать события :hover на неизменяемых элементах.

Ваш вопрос не очень понятен. Без примеров сложно представить что у вас происходит и чего вы хотите добится.
localstorage — и есть "буферизация на клиенте". Как мне кажется проблема скорее в изначальной реализации.
Скажем вы мы могли скрывать шапку до определённого момента, потом делать смещение если нужно и тогда её показывать. Ну или не пилить костыли а просто пересмотреть текущую работы шапки

Удалите (min-width: 768px)

Так а что не понятно? У вас же на скрине описание проблемы. Измените верстку, чтобы теги h1-h6 соответствовали рекомендациям

Если у вас полноценная тема то можно использовать шорткод галереи или создать отдельный файл шаблона и там сверстать записи в виде галереи

https://developer.mozilla.org/en-US/docs/Web/HTML/...