lanzor

Namecheap, для ру, РФ, su, оставить придется на российском

Делай просто оптимально. Для превью используй легкие, для показа уже более качественные. К тому же есть тэг picture и методы lazy-load

При масштабе 175% родитель становится 35px, дочерний 28px.
Как бы вы хотели, чтобы он нарисовался ровно по центру родителя?

Можно попробовать заменить центрирование флексом на абсолют с трансформом.

Но лучше избавиться от span'a. Зачем 2 тега, если всё это решается одним тегом. И просто border
https://jsfiddle.net/uqfpbx1w/

Откройте в devtools вкладку сеть, найдите этот запрос, и посмотирте что НА САМОМ ДЕЛЕ приходит в ответе сервера. В ошибке написано, что ответ начинается с символа "A", при том что json должен начинаться со скобки.

проблема в том что яваскрипт ждет 1 жейсон а ты посылаешь ему 100500

if($_POST['postQueryUnicalId'] == 'pm') {
    $stmt = $pdo->query('SELECT * FROM markers');
    echo json_encode($stmt->fetchAll());
}