#speaker-list-minimal {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 40px 20px;
  margin: 0;
  padding: 0;
  max-width: 905px;
  justify-items: center;
  align-content: center;
}

#speaker-list-minimal .speaker {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  row-gap: 18px;
  width: 100%;
  max-width: 140px;
}

@media only screen and (max-width: 768px) {
  #speaker-list-minimal .speaker {
    align-content: center;
  }
}

#speaker-list-minimal .speaker-image {
  position: relative;
  width: 160px;
  height: 170px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE0MCAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMyLjEzOCA0Mi43NTFMMTQwIDM4LjI2NDdMNzMuMDI5NyAwLjAwNjcyNjA4TDczLjAyMyAwVjguNzUwNjNMMTMyLjEzOCA0Mi43NTFaIiBmaWxsPSIjRTg1RTVDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjkuMDAxMyA4LjYyMjgzVjBMMi4wNDQ0OSAzOC4yNjQ3TDkuNzcxODMgNDIuNjc3TDY5LjAwMTMgOC42MjI4M1oiIGZpbGw9IiNGOURCNkMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljg5NjQyIDQ2LjI0ODZMMCA0MS43MzU0VjExOC4yNzFMNy44OTY0MiAxMTMuNzUxVjQ2LjI0ODZaIiBmaWxsPSIjMUU5MEZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS43ODUyOCAxMTcuMzE2TDIuMDQ0NDkgMTIxLjczNUw2OS4wMDEzIDE2MFYxNTEuMzkxTDkuNzg1MjggMTE3LjMxNloiIGZpbGw9IiM3RkVCQkIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMzIuMTMxIDExNy4yNDJMNzMuMDIzIDE1MS4yNTZWMTYwTDczLjAyOTcgMTU5Ljk5M0wxNDAgMTIxLjczNUwxMzIuMTMxIDExNy4yNDJaIiBmaWxsPSIjQTA1MEU1Ii8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#speaker-list-minimal .speaker-image img {
  position: absolute;
  top: 9%;
  left: 10%;
  width: 82%;
  height: 82%;
  -o-object-fit: cover;
  object-fit: cover;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

#speaker-list-minimal .speaker-name p:hover {
  color: var(--cp-purple);
}

#speaker-list-minimal .speaker-name p {
  font-family: var(--paragraph-qaulion-font);
  font-weight: 700;
  font-size: 20px;
  transition: color 0.3s ease;
  text-align: center;
}

#speaker-list-minimal .speaker-name-link {
  text-decoration: none;
  color: var(--cp-black);
}

#speaker-list-minimal .speaker-image-link {
  text-decoration: none;
}

#speaker-list-minimal .speaker-name-link:hover {
  color: var(--cp-purple)
}

@media (max-width: 820px) {
  #speaker-list-minimal {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    align-content: center;
    justify-items: center;
  }
}