zenwarr

Еще есть тег picture, который позволяет с помощью тега source указывать разные изображения для разных медиа-запросов с помощью примерно вот такого синтаксиса:

<picture>
    <source src="med.jpg" media="(min-width: 40em)" />
    <source src="sm.jpg" />
    <img src="fallback.jpg" alt="" />
</picture>

Правда, поддержка у него не идеальная. caniuse.com/#feat=picture

Скорее всего, дело во вьюпорте страницы (предположу, что добавлением в head страницы тега

<meta name="viewport" content="width=device-width">

проблема решится. Но все же советую сначала почитать хотя бы это:
https://itchief.ru/lessons/html-and-css/meta-viewp...

Мне кажется, это тот случай, когда в самом вопросе уже содержится ответ на него. Вы, как несложно заметить, даже немного путаете понятия "сервер" и "PHP", и это наглядный показатель того, насколько часто эти два слова встречаются вместе. В самом деле, на сегодняшний день подавляющее большинство ресурсов работают на PHP, и хотя JS стремительно набирает популярность, острой необходимости в выбрасывании старого доброго PHP и массовом переходе на JS люди не испытывают. И у того, и у другого языка есть свои недостатки, свои достоинства, и та критика PHP, которая была популярна определенное время назад, сейчас во многом неактуальна -- все-таки язык развивается, недостатки исправляются, добавляются новые фичи. К тому же на стороне PHP -- множество разработчиков, популярные и проверенные временем решения (покажите мне достойную альтернативу Wordpress'у на Node), огромное количество унаследованного кода, и возможно, со временем у PHP появится репутация, подобная той, которая есть у Java -- выбор серьезных и уважающих себя корпораций (но это не точно). В любом случае, ожидать вымирания PHP в ближайшем времени не стоит.

В обработчик события передается аргумент — объект события, у которого есть поле target, которое указывает на элемент, который его "породил". Нужно проверить, что e.target не совпадает с элементом div2.