.staff-card {
  /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border: 1px solid #022777;
    transition: 0.5s;
    margin: 10px auto;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
	"staff-photo staff-text";
}

/* On mouse-over, add a deeper shadow */
.staff-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.staff-photo {
    grid-area: staff-photo;
    align-self: start;
    padding: 10px;
}

.staff-text {
    grid-area: staff-text;
    text-align: left;
    padding: 10px;
}

.staff-card img {
    max-width: 100px;
    float: left;
    box-shadow: 4px 4px 8px 0 rgba(0,32,64,0.5);
}