Animate text on page so it pops up/fade in when you scroll.

Hi,
Sorry for the late reply and thanks for the link, looking at your 3 text blocks at the top of your page on mobile I see that that they are in a section that only shows on mobile #buildingtopmobile but each block has a different custom class, so for example, your second block has the custom class .textMiddle and this script hides the text block on page load and then shows it with animation when the element is about mid-screen.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($) {
var headerHeight = -200;
var distance = $('#buildingtopmobile .textMiddle').offset().top + headerHeight;
$('#buildingtopmobile .textMiddle').hide();
$(window).scroll(function() {
    if ( $(this).scrollTop() >= distance ) {
    	$('#buildingtopmobile .textMiddle').show("slow"); 
       
   } else {
      
   }
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Please clear your browser cache and check that this works for you on mobile and if so then try making the last text block have the same custom class to see if both animate on scroll. I don’t think the top text block should have the class because it is already in view on page load so you probably won’t notice the animation.

Best regards,
Mike