.person{color:#FEE6D5;position:relative;transition:0.5s all;}
.person--red{background-color:#F04E4B;}
.person--blue{background-color:#559AC4;}
.person--turquoise{background-color:#48A095;}
.person--purple{background-color:#723866;}

.person__socials{font-size:24px;opacity:0;position:absolute;right:25px;top:25px;transition:0.5s all;}
.person__socials__link{display:block;padding:5px;}

.person__photo{display:block;-webkit-filter: grayscale(1);filter: grayscale(1);mix-blend-mode: multiply;width:100%;}
.person__photo-colored{opacity:0;transition:0.5s all;position:absolute;bottom:0;width:100%;}
.person__content{padding:30px;height: 100px;}
.person__name{font-family: 'Roboto Mono';font-size:1.75em;font-weight: 700;line-height:120%;}

.person:hover{background-color:#262423;}
.person:hover .person__socials{opacity:1;}
.person:hover .person__photo-colored{opacity:1;}