.tf-author {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-template-rows: auto;
  grid-column-gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 760px) {
  .tf-author {
    grid-column-gap: 12px;
  }
}
.tf-author .auth-img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 60px;
  position: relative;
  overflow: clip;
}
.tf-author .auth-img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tf-author .auth-info {
  line-height: 1;
}
.tf-author .auth-info figcaption {
  font-family: var(--inter);
  font-weight: var(--regular);
  color: var(--cfont);
  font-size: var(--p-500-size);
  line-height: var(--p-500-line);
  font-weight: var(--bold);
  line-height: 1.2;
  color: var(--cfontd);
  margin-bottom: 2px;
}
.tf-author .auth-info span {
  font-family: var(--inter);
  color: var(--cfont);
  font-size: var(--p-300-size);
  line-height: var(--p-300-line);
  font-weight: var(--regular);
  line-height: 1.2;
  color: var(--cfontl);
}