.ambassador {
  padding-bottom: 2rem;
  border-bottom: 2px solid #eee;
  margin-bottom: 2rem;
}

.avatar__dummy {
  background: #F3F3F3;
  aspect-ratio: 1;
  max-width: 5rem;
}

.ambassador figure {
  position: relative;
  background: #F3F3F3;
  max-width: 8rem;
  margin: 0;
  padding: 0;
  margin-bottom: var(--spacing);
}

.ambassador figure::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.ambassador figure > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ambassador h2,
.ambassador h3 {
  margin: 0;
}

.ambassador p {
  margin: 0;
}

@media (min-width: 1024px) {
  .ambassador {
    display: grid;
    grid-template-columns: 5rem 1fr 30rem;
    grid-column-gap: 2rem;
    align-items: center;
  }
  
  .ambassador .ambassador__sales {
    text-align: right;
    max-width: 25rem;
  }
}