.author-box {
  padding: 2em;
  margin: 2em 0;
  display: grid;
  grid-template-columns: 48px auto;
  grid-gap: 1.5em;
  background-color: var(--light);
  border-radius: .8em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

@media (min-width: 768px) {
  .author-box {
    grid-template-columns: 96px auto;
  }
  .authors-list {
    display: grid;
    grid-gap: 1.5em;
    grid-template-columns: auto auto;
    margin: 1.5em 0;
  }
  .authors-list .author-box {
    margin: 0;
  }
}

.author-box .avatar img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.author-box h4 {
  margin-bottom: 0 !important;
}

.author-box p {
  margin: 1em 0 0 !important;
}