@mako542b
Posted
I usually bring the svg inline (e.g. paste the whole tag to html) - instead of bringing it as a source in the image, delete the fill property from its path and add it to the class (fill: white, and on hover fill: lime). Maybe leaving it as a image while deleting the fill property from original path of svg and pasting it in the img class would also work, i didn't try it though.
As for the hero image - it's a treaky part. With aspect ratio set, with decreasing width the height also goes down, while the section with the text gets higher, so the image doesn't cover enough height. I like result of the problem, though you could set object-fit property, so the img keeps its original aspect ratio and isn't deformed.
Marked as helpful
@leonard-ramos27
Posted
@mako542b Thank you so much for the info. Will definitely look more into the svg tag and the object-fit property. I appreciate it :)