Sticky Property not Working

Hi,

I am trying to make the the block #block-yui_3_17_2_1_1687611542744_293271 which says Hello World sticky on my website.

My HTML:

<div class="sticky">
  <p>Hello, World!</p>
</div>

CSS: 

#block-yui_3_17_2_1_1687611542744_293271{
  position: sticky;
  background:red;
  top:0;
}

However, I can't seem to make any element sticky. Can someone help with this?

Can you share link to page where you use use #3271 block?

Oh I already shared it somewhere but looks like it didn't turn up in the post. Here it is: https://www.nbamir.com/jadu-ar-the-first-encounter

I'm trying to make the block stick to the top when you scroll past it.