xmoonlight

Забыли про виртуальные блоки max-width, max-height и прямой класс элемента (не контейнер).
Тогда будет в 2-3 раза меньше кода и стилей.

Парадигмы - это логические связи нужно учить.
Всё на википедии есть.

Нужно сначала научиться читать мат.формулы, и только потом, все алгоритмы смотреть на википедии. Они там все списком и с формулами (иногда и с реализациями).

Ноутбук HP 470 G7 (8VU33EA)

Если есть однопоточная реализация, что мешает переделать её в многопоточную?
В чём проблема?

Побайтово (блоками) качайте с сервера и читайте с локального диска.
Выставите лимит для валидации байт-совпадения.

И сравнивайте между собой:
1. Совпало до лимита - файлы одинаковы, прерываем скачивание.
2. Нет - качаем до конца обновлённый файл.

собрать хакатон в котором все участники будут иметь равные проценты от финального продукта.

я раньше и не догадывался, что подразумевает это слово...
Но потом... Я понял...
Сейчас это модное направление бизнеса: материализация дохода из "воздуха" с помощью тестов и соревнований.

Я обычно раздаю всем участникам хакатона их же, совместно сделанный продукт, абсолютно бесплатно.
Это их труд, их авторство, их проект.
Я - лишь организатор.

Возник вопрос - как избежать блокировок со стороны Роскомнадзора.

1. Не нарушать закона и незамедлительно исполнять их требования. Быть хорошим и послушным для них.
2. Следить за тем, чтобы всегда работала обратная связь с администрацией на сайте.
3. Не вводить никого в заблуждение и явно освещать логику(механику) работы вашего сайта для пользователей.
4. Не привлекать внимания.

Можно сделать так:
1. Средний цвет пикселей всех горизонтальных линий.
2. Средний цвет пикселей всех вертикальных линий.

Получим 2 массива: средние цвета по горизонтали, средние цвета по вертикали.
Если размер фото 100x100, получим размер данных 100+100.

Сравниваем эти 2 массива с проверямой фоткой и балансируем минимизируем разницу расхождений при сравнении, сдвигая один из массивов влево или вправо.

После балансировки двух массивов из БД к двум массивам из сравниваемой фотографии, мы получим процент общего соответствия изображений.
Это не нейронка, но результат - схожий.

Тут читайте.
Сервер - не нужен вообще: только флаг поставить нужный.

Давать кодировать отдельными блоками и ограничивать валидацию только нужным Вам перечнем функций.
PS: Инфы много: если интересно - могу статью черкануть в своём блоге.

вытаскивая элементы из таблицы мы отсортируем их по полю id, где каждый элемент имеет свой уникальный id.

заменяем на

вытаскивая элементы из таблицы мы отсортируем их по полю sort, где каждый элемент имеет свой порядковый номер.