how can I fix the position of a header under a parent div in CSS?

Question

I am using position: sticky; for a heading under a div tag but after scrolling it is visible outside the div tag.