Hi there, I'm building the Team section of my website and have encountered a problem that I can't seem to get around with my own knowledge and understanding.
Normally the each team profile shows up like this:
Then upon hover it changes to this:
The first problem I have is the basic vector shape behind the image which is a circle, is set to have an orange border and to be solid white but for some reason it is still transparent. How can I fix this?
The second issue is that when I resize and scale the website, the item placement shifts to this:
I've tried a few things with the percentage of margins and stuff like that but was wondering if anyone knew how to keep the placemen the same whilst being scalable. Almost pinning it into that position.
Any help would be greatly appreciated, thanks😄