leeroyjenkins176

Сообщения вставлять в начало чата. А ему применить свойство flex-direction: column-reverse

columns

Работайте с svg как со спрайтом с помощью тега <use>

Методом тыка удалось определить, что указание input {width: auto; height: auto}
решает проблему в safari.

Угол 0deg означает, что градиент идет снизу вверх.
Указание одного значения для свойств background-size и background-position применяется для оси X, что в случае данного градиента визуально никак не сказывается. Вам нужно задавать изменения для оси Y.

background-size: auto 150%;
background-position: 0 40%;

И в transition рекомендуется анимировать только нужные свойства.