Rad1calDreamer

сверить ты можешь только конкретный размер окна, под который сделан макет.
Картинки должны совпадать, шрифты могут расходиться. А так - не парься

Сделайте на codepen пример. Такое ощущение, что просто стили перезаписываются чем-то

@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

Если критично ie 8 - raphaeljs.com
а так - как уже посоветовал Sergey Postovoy -svg

Сатану вызывает =)
А серьезно - похоже на сбор float, но какой то кривой

попробуй- может поможет
https://github.com/bigspotteddog/ScrollToFixed

htmlbook.ru/blog/maskirovanie-v-css

немного в другую сторону, но как вариант все же - mobiledetect.net
библиотека на php. определяете браузер и выставляете нужные классы.
А с сафари вообще беда. Даже ослик на него смотрит как на сами знаете что.

может поиграю в кэпа, но все же. В файлзиле есть такой диалог

можно попробовать со свойством text-overflow поиграть. Может и получится

было такое на open server в chrome в отладчике - не работали изменения стилей. Сначала лечилось перезапуском сервера, потом само прошло как-то(

если картинка фон - то уже описали выше.
если картинка - картинка то background-clip

position absolute
left 50%
transform translateX(-50%)

зачем для этого jquery?

ajax же

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

position: absolute ?