body {
  margin: 0;
  --padding-lr: 3rem;
  padding: 0 var(--padding-lr);
  width: clamp(20ch, calc(100vw - 2 * var(--padding-lr)), 70ch);
  counter-reset: para;
  background: #ddc;
  color: #332;
}

p {
  counter-increment: para;
  position: relative;
}

p::before {
  content: counter(para);
  position: absolute;
  left: -3rem;
  color: #888;
  font-size: 0.8em;
  width: 2.5em;
  text-align: right;
}

p:has(img) {
  text-align: center;
}
img {
  max-width: 100%;
}