Help with Anchor Links / Blog Jump links not working quite right.

Hi Hoping someone can advise, 

I am drafting a new blog and wanted to create a "table of contents" that readers can jump to a specific section on the page.

I found a 3 step code to do this through https://mishkinart.com/blog/squarespace-table-of-contents/

1. CSS CODE [see attached screen shot from website above]

2. ANCHOR LINKS [see attached screen shot from website above]

3. HTML CODE [see attached screen shot from website above]

I was able to set everything up. BUT... 

When I click the table of content item, it jumps down the blog BUT past the actual item title, so you have to scroll back up to see the item title. 

Here is the link to the blog post so you can see how it's jumping past the item. 

https://www.jennbutterworthinteriors.com/blog/multi-purpose-magic-creating-versatile-rooms-in-small-spaces-taz36#storage

Any advice or help as to how to tweak so that the jump link takes you to the title on the blog page would be very much appreciated. 

Thanks 

Jenn

@tuanphan thank you so much! the code you sent worked. I will also check out the post you shared. appreciate your help!