diff --git a/src/components/sections/boardMembers.js b/src/components/sections/boardMembers.js index 080ceda..32b5928 100644 --- a/src/components/sections/boardMembers.js +++ b/src/components/sections/boardMembers.js @@ -37,11 +37,14 @@ const BoardMembers = () => { {data.allSanityAuthor.edges.map(({ node: member }) => (
- +
+ +

{member.name}

{member.role}

diff --git a/src/components/sections/boardMembers.module.css b/src/components/sections/boardMembers.module.css index 52b3525..f0f6b4f 100644 --- a/src/components/sections/boardMembers.module.css +++ b/src/components/sections/boardMembers.module.css @@ -37,10 +37,25 @@ align-items: center; justify-content: space-evenly; } -.headerImage { - border-radius: 50%; +.headerImageContainer { border: 5px solid white; - overflow: hidden; /* Fuck webkit and apple for not following web standards */ + display: inline-block; + + /* Fuck webkit */ + overflow: hidden; + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -khtml-border-radius: 50%; + -webkit-mask-image: -webkit-radial-gradient(white, black); +} +.headerImage { + /* Fuck webkit */ + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -khtml-border-radius: 50%; + /* box-shadow: inset 0 0 10px #000000; */ }