.speakers .speakers__wrapper {
  display: flex;
  flex-flow: row wrap;
}

.speakers .speakers__wrapper__inner {
  flex: 0 0 calc(100%/3);
  text-align: center;
}

.speakers p.speakers--name {
  font-size: 1.35rem;
  margin: 8px;
}

.speakers img {
  height: 320px !important;
  max-height: 320px !important;
  margin: calc(var(--whitespace) / 2) 0 0;
  width: auto;
}

@media screen and (max-width: 1000px) {
.speakers .speakers__wrapper__inner {
  flex: 0 0 calc(100%/2);
}

@media screen and (max-width: 767px) {
  .speakers .speakers__wrapper {
    flex-flow: column wrap;
  }
  .speakers .speakers__wrapper__inner {
    flex: 0 0 100%;
  }
}
  
@media screen and (max-width: 340px) {
  .speakers img {  
    height: 260px !important;
    max-height: 260px !important;
  }
}