.intro {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.intro>article {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "img head"
    "img content";
  grid-template-rows: auto 1fr;

}

@media (max-width:479px) {
  .intro>article {
    grid-template-columns: 1fr;
    grid-template-areas:
      "img"
      "head"
      "content";
  }
}

.intro>article>figure {
  grid-area: img;
  margin: 0 auto;
}

.intro>article>header {
  grid-area: head;
}

.intro>article>.content {
  grid-area: content;
}