make sticky blocks move up when footer is reached

Hello I have a few sticky blocks and would like to make them move up when the footer is reached/ appears. how can i do this?

The code i used to make the blocks sticky is: 

@media only screen and (min-width:768px) { 
  .fe-block-yui_3_17_2_1_1692163036742_2082 {
    position:sticky;
    top:500px;
  }
}

It is for the followin url: Basic Hoeht crew white — Hoeht-Studio

password: Minka0520

the blocks that should move up are in the red box in image below

Hi,

The product url doesn't exist. Can you check it again?