.staff-container {
  display: grid;
  width: fit-content;
  height: fit-content;
  grid-gap: 15px;
  margin-top: 15px;
}

.photo {
  height: 250px;
  width: 250px;
  /*border: solid;
  border-width: 1px;*/
  background-size: cover;


  grid-column: 1;
  grid-row: 1;

}

.info {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.5;

  grid-column: 2;
  grid-row: 1;
}

.name {
  font-size: 22px;
}

@media (max-width: 950px) {
  .photo {
    grid-column: 1;
    grid-row: 1;
  }

  .info {
    margin-top: 0px;
    grid-column: 1;
    grid-row: 2;
  }
}

/******************************************************************/

#tn .photo {
  background-image: url('../images/staff/tn-resting.jpg');
}

#tn .photo:hover {
  background-image: url('../images/staff/tn-hover.jpg');
}
/******************************************************************/

#awagner .photo {
  background-image: url('../images/staff/awagner-resting.jpg');
}

#awagner .photo:hover {
  background-image: url('../images/staff/awagner-hover.jpg');
}
/******************************************************************/

#ctoupin .photo {
  background-image: url('../images/staff/ctoupin-resting.jpg');
}

#ctoupin .photo:hover {
  background-image: url('../images/staff/ctoupin-hover.jpg');
}
/******************************************************************/

#szitter .photo {
  background-image: url('../images/staff/szitter-resting.jpg');
}

#szitter .photo:hover {
  background-image: url('../images/staff/szitter-hover.jpg');
}
/******************************************************************/

#ccutting .photo {
  background-image: url('../images/staff/ccutting-resting.jpg');
}

#ccutting .photo:hover {
  background-image: url('../images/staff/ccutting-hover.jpg');
}
/******************************************************************/

#hhe2 .photo {
  background-image: url('../images/staff/hhe2-resting.jpg');
}

#hhe2 .photo:hover {
  background-image: url('../images/staff/hhe2-hover.jpg');
}
/******************************************************************/

#htipperm .photo {
  background-image: url('../images/staff/htipperm-resting.jpg');
}

#htipperm .photo:hover {
  background-image: url('../images/staff/htipperm-hover.jpg');
}
/******************************************************************/

#jdecampo .photo {
  background-image: url('../images/staff/jdecampo-resting.jpg');
}

#jdecampo .photo:hover {
  background-image: url('../images/staff/jdecampo-hover.jpg');
}
/******************************************************************/

#nreed3 .photo {
  background-image: url('../images/staff/nreed3-resting.jpg');
}

#nreed3 .photo:hover {
  background-image: url('../images/staff/nreed3-hover.jpg');
}
/******************************************************************/

#nsteinb1 .photo {
  background-image: url('../images/staff/nsteinb1-resting.jpg');
}

#nsteinb1 .photo:hover {
  background-image: url('../images/staff/nsteinb1-hover.jpg');
}
/******************************************************************/

#sa38 .photo {
  background-image: url('../images/staff/sa38-resting.jpg');
}

#sa38 .photo:hover {
  background-image: url('../images/staff/sa38-hover.jpg');
}
/******************************************************************/

#ssamuel3 .photo {
  background-image: url('../images/staff/ssamuel3-resting.jpg');
}

#ssamuel3 .photo:hover {
  background-image: url('../images/staff/ssamuel3-hover.jpg');
}
/******************************************************************/