если хочешь проверять на кроссбраузерность - то имей либо реальное устройство - либо виртуалку
никакие эмуляторы не ведут себя так, как реальный браузер в реальной среде
Вам уже ответили
Проблема - transform skew or matrix()
Я с такой же ерундой долго бодался - в результате все равно не получилось - в каком-то браузере починешь хаком, в другом рендер будет мутным (например в сафари на маке)
у вас только верхушка скошенная - ее и искажайте, отдельным блоком - а текст оставьте без трансформаций
на рынке вебдева всегда был, есть и будет кадровый голод.
если ты не можешь никуда устроиться - либо очень много просишь, либо себя переоцениваешь и "довольно неплохой" не соответствует действительности.
в любом случае это полотно текста ("Доогой дневник ... ") не для тостера
ума не приложу, зачем вам в css использовать единицу измерения, которой там нет?! - ну да ладно
можете использовать препроцессор и загнать это все в миксин