Добрый день

Необходимо реализовать hover эффект для изображений на svg.

Задача объединить два svg фильтра/маски/паттерна в одном hover эффекте.

ТЗ - hover эффект на svg

При наведении мышки на картинку должен отработать hover эффект

1) Происходит затемнение всей картинки (.SVG)
2) Происходит проявление иконки "Лупы" (.SVG) по центру картинки

Hover эффект применяется в css через:

img:hover {
filter: url(#svg_filter_id)
}

Особенности:

- Изначальные размеры картинок нам не известны.
- Размер и положение лупы, должны регулироваться.
- Цвет и прозрачность затемнения, должны регулироваться.

Частично решение уже есть, но с ошибками, могу скинуть архив то что сделано.

С уважением