Алексей

htmlbook.ru/content/edinitsy-izmereniya
1em равен размеру шрифта, заданного в браузере по умолчанию
1px - это один пиксель, при изменении настроек браузера не изменится
Есть еще rem.

Можно сделать div с overflow: hidden, в нем текст "Добро пожаловать" с подгруженным шрифтом и анимация на css ширины блока с ключевыми кадрами, расчитанными под текст, чтобы буквы появлялись по одной.
Другие варианты - уже с привлечением javascript/jquery.

Не увидел исходного кода письма, чтобы оценить что к чему.
Но если у вас картинки вставлены через img src="http..." то это совершенно нормально, что почтовый клиент (то же к веб-почте относится) блокирует их загрузку, чтобы предотвратить идентификацию получаетеля (определение его ip адреса). Обычно ниже идет ссылка "загрузить изображения".
Сразу должны отображаться только картинки, которые внедрены в письмо через img src="cid:...." и которые находятся прямо в самом письме в соответствющих "аттачах".

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

Обычно в файле с картинкой присутствует мета-информация в формате EXIF.
В частности там может присутствовать информация о том как располагалась камера в момент съемки - горизонтально или вертикально.
Далее начинаются нюансы - разные просмотрщики по разному себя ведут. Какие-то учитывают эту информацию, какие-то нет.
То же касается и обработки изображений. Какие-то перевернут картинку и удалят информацию о повороте, какие-то проигнорируют поворот.

Если используется php-fpm, то ua2.php.net/manual/ru/function.fastcgi-finish-requ...
Иначе fork (php.net/manual/ru/function.pcntl-fork.php https://habrahabr.ru/post/148688/), system PHP: запуск задачи в фоне
Но это все чревато, надо менять логику, возмонжо создавать очередь и обрабатывать ее по одному заданию.

Бан выдается либо по кукам либо по IP + USER_AGENT.
Я склоняюсь ко второму варианту.
Проверяется просто - получили бан, очистили куки в браузере, если бан исчез - он основан на куках.
Если не исчез - на IP + USER_AGENT.

Попробуйте:

<button data-text="<?=htmlspecialchars($text); ?>"></button>

Глупость напишу, но можно попробовать поиграться с rotate - codepen.io/anon/pen/wWovLV
Только со сдвигами разобраться.

Как вариант - www.scrolleffects.com

Попробуйте тут посмотреть - codepen.io/anon/pen/jrqdgO