Image hover issue

[devashishSule]

In the attached photos, after uploading a svg image, ServiceNow portal is converting the image to iix format and in the attachment as you can see we cannot change the properties of an iix format as it is not standardized format of HTML. So, how can we hover the outlined part of the image and not the entire image box?  

[Slava Savitsky]

Can you please explain in more detail what issue you are experiencing and how that is related to the image format?

[devashishSule]

I am trying to input svg attributes in the css variables but it doesn't work on ServiceNow portal as the ServiceNow portal converts the image format from svg to iix and iix is not a standard format. So, how can I implement svg changes?

[Slava Savitsky]

What svg attributes do you mean? What are the svg changes you are trying to implement?

[devashishSule]

I want to fill the borders of the image. To do so, we use fill attribute or filter attribute. But, when I use these attributes in CSS variables they show no change.