.image {
  margin-bottom: calc(var(--line-height-em)*1);
}

.section-dividing-image {
  margin-top: calc(var(--line-height-em)*2);
  margin-bottom: calc(var(--line-height-em)*2);
}


.student-rep {
  float: left;
  margin-bottom: var(--line-height-em);
  margin-right: 10px;
  width: 120px;
  height: 120px;
  object-fit: cover;
}


@media screen and (max-width:709px) {
  .student-rep {
    width: 100px;
    height: 100px;
  }
}

@media screen and (max-width:498px) {
  .student-rep {
    width: 80px;
    height: 80px;
    margin-right: .5em;
  }
}


@media screen and (max-width:389px) {
  .student-rep {
    width: 62px;
    height: 62px;
    margin-right: .5em;
  }
}