.author-box {
  padding: 2em;
  margin: 3em 0;
  display: grid;
  grid-template-columns: 48px auto;
  grid-gap: 1.5em;
  background-color: var(--base);
  border-radius: .8em;
}

@media (min-width: 768px) {
  .author-box {
    grid-template-columns: 96px auto;
  }
}

.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;
}