Люди добрые помогите добрым советом, гуглил проблему как обычно но ответов не нашел, дело в том что не получается реализовать идею.. имеем блок страницы на котором расположена svg фигура поверх нее размещен блок с сотрудниками, блок при изменении размера окна по разному меняет положение блоков по отношению к svg фигуре, поэтому возникает проблема необходимо чтобы цвет шрифта у блока team-corporation>team-coop>p при попадании на красную фигуру svg менялся на белый цвет, а когда не попадает на фигуру имел красный цвет.
Код на codepad
Гуглил попадал на вариант с применением CSS свойства mix-blend-mode, менял структуру блоков ибо нужный блок в данной структуре не может применить это свойство из за наследственности дальней, но не суть... при применение свойства не получается менять на конкретные цвета что не подходит для меня... Может кто сталкивался с такой проблемой? возможно есть решение с применением js
Простой
Простой