Make sticky text block work

Hi there,

I'm wondering if anyone can help me make a text block on the side of a page sticky all the way to the bottom of the page?

I have a block on the left side of the page which is functioning as a navigation bar with links to the text. I've styled the text block using CSS to make it sticky so that it stays in place as you scroll down the page. Unfortunately, it does not work all the way through. The text stops working at "Impacts" and I don't know why.

I've read quite a lot on how to do this but for some reason nothing I try seems to be working. 

Any help would be much appreciated!

Can you share a link to your website so we can check the code/issue?

Yes! Sorry, my bad  @CassAggett
https://www.hanaba-sabaa.me/lodestone-page-1

and this is the code I am using:

/* Text sticky */
@media screen and (min-width:768px) {
  .fe-block.fe-block-86fc4f353b3cb736c547{
    position: sticky;
    top: 200px;
      position: -webkit-sticky;
    z-index: 999;
  }}

Thanks, I see what you mean - I think I'll have to defer to someone else on this one!

I was thinking it might be something to do with the next section but the Impact heading is in the same section so that doesn't track.

Yeah, which is why I am confused. No worries and thanks so much!