.character {
  display: grid;
  grid-template-areas:
    "image name"
    "image description";
  grid-template-columns: 250px auto;
}

img {
  grid-area: image;
  width: 250px;
  height: auto;
}

h2 {
  grid-area: name;
}

p {
  grid-area: description;
}

hr {
  border: 2px solid var(--foreground);
  margin: 10px 0;
}