Rad1calDreamer

если уже есть битрикс (куплен) зачем с него переезжать?

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

попробуйте перенести в отдельный файл, должно помочь

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

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

htmlbook.ru/blog/maskirovanie-v-css

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

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

position: absolute

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

в чем проблема то?

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

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

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

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

htmlbook.ru/search/?as_q=child&cx=partner-pub-0708...

используйте https://prepros.io/

правильный ответ уже дал ukoHka , вот еще рабочий, но не правильный www.tablesgenerator.com/html_tables