ink

https://codepen.io/topicstarter/pen/gvapaE на jQuery

так ссылка в svg пишется по другому , вот так :

<a xlink:href= "http://example.com/"'>
  <text x="10" y="25" >An example link.</text>
</a>

что такое "кампуктер" ?

про иерархию :
имеем такую структуру
css +js + img + index.html , внутри каждой папки файлы style.css app.js + в папке img много картинок
в css обращаемся так

../img/имя картинки

если же структура такая style.css папка img папка js и index.html то url будет такой

img/имя картинки

Вообще надо использовать opacity умеючи , отличная замена ему rgba
пример : https://jsfiddle.net/yqu1mm3L/