Code block text is not fading on with user scroll like the rest of the site

Hello, 

I had to add a few areas of code block for text on my site since I wanted the headlines, subheads and body copy to be closer together than the default for Squarespace layouts. However, as I am adding the code blocks I have noticed that the text no longer fades in on scroll like I have everything else set up on the site. I found a way with CSS to have the text fad on but it is defined by seconds, I would rather the text fade on when the user scrolls down the page. 

Can anyone help me out with this? 

Here is an page that has a few code blocks on it: https://bell-cheetah-n87s.squarespace.com/our-purpose
PW: scratch  

Thanks in advance!

 

You can use default Text Block, we can give you code to reduce space between heading/text

Because adding fading effect to Code Block will be more complex