NFT Preview Card Component

For the image overlay. Is there a way to change or control the fill color of a background image SVG so for example:

background-image: url("link to some svg file");

When I used this and lowered the opacity of the parent element, the white color of the SVG eye image also lowered in opacity. So, I tried to research and find if the SVG's fill color could be changed while being used as a background-image and found nothing. So, I would have to assume there isn't a way? In the end I ended up using a second div and image tag to hide and show when hovered on.

Any other feedback is always appreciated, thanks for viewing