.speakers-thumbs{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1.5rem;
  width: 100%;
  background-color: #fafafa;
  z-index: 2;
}
.speakers-thumbs::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(250,250,250,1) 80%,rgba(250,250,250,1) 100%);
  pointer-events: none;
}
.speakers-thumbs__thumb {
  width: 2rem;
  height: 2rem;
  float: right;
  margin: -5px;
  border-radius: 9999px;
  background-size: contain;
  background-position: center;
}



.speaker {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.speaker figure {
  min-width: 75px;
  max-width: 75px;
  height: auto;
  width: 100%;
  border-radius: 9999px;
}
.speaker figure img {
  border-radius: 9999px;
  width: 75px;
}


.speaker--vertical {
  flex-direction: column;
  text-align: center;
}