Вариант 1.

Верстальщику проще сверстать чистый html-код, чем потом разбираться в коде backend-разработчика. Не говоря о наличии сложных ветвлений, которое добавит путаницы и может привести к упущению некоторых веток

Оба этих изображения в формате webp.

Вероятно кто-то руками переименовал расширение webp в jpg. Safari с webp не дружит, потому в iOs всё валится

Форматы необходимы для поддержки старых браузеров:

eot - для IE ниже 8;
ttf - для старых браузеров, что важно, старых мобильных браузеров в том числе;
svg - аналогично с ttf;

Для современных браузеров достаточно woff или woff2, как более продвинутую версию