.grid-container{display:grid}.employee,.employee .photo{position:relative}.employee .photo{border:1px solid #7e9e00;max-height:500px;overflow:hidden}.employee .photo img{object-fit:cover;transform:scale(1.1);transition:opacity .5s ease;width:100%}.employee .photo img.secondary{left:0;opacity:0;position:absolute;top:0}.employee:hover .photo img.secondary{opacity:1}.employee .details{padding:1rem}.employee .details span{color:#2a4169;display:block;font-family:var(--primary-font-family)}.employee .details span.position{font-size:16px;font-weight:100;letter-spacing:1px;text-transform:uppercase}.employee .details span.name{flex-grow:2;font-size:23px;font-weight:600}.employee .details span.email{align-items:center;display:flex}.employee .details span.email svg{height:40px;margin-right:10px;width:40px;fill:#7e9e00}.employee .details span.email:hover svg{fill:#2a4169}.employee .details span.email a{color:#2a4169;font-weight:100}