Overlap border of parent with h2 margin negative

Question

I want to achieve this effect:

but with image background. I tried everything

Answer 1

Abusing

and

.

Not semantic but effective.

body {
  background: pink;
}
legend {
  margin: auto;
  width: 25%;
  text-align: center;
}
fieldset {
  text-align: center;
  border: 10px solid red
}

  
About Us
  
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur illo est eius temporibus unde earum.
  
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur consectetur maiores laudantium officiis adipisci quasi est commodi voluptas perferendis ex itaque hic qui dolorem alias!