.p-message__figure {
  text-align: center;
}
.p-message__figure img {
  width: min(80%, 360px);
}
.p-message__name {
  margin-top: 1.5em;
  text-align: right;
}
.p-message__name img {
  width: auto;
  height: 1.5em;
}
@media all and (min-width: 600px) {
  .p-message__media {
    --the-fig-width: min(40%, 360px);
    align-items: flex-start;
  }
  .p-message__figure img {
    width: 100%;
  }
  .p-message__name img {
    height: 1.75em;
  }
}
@media all and (min-width: 960px) {
  .p-message__media p {
    font-size: 1.125em;
  }
  .p-message__name {
    margin-top: 2.5em;
  }
  .p-message__name img {
    height: 2em;
  }
}