Lazy load

JS

You'll need to update which specific animation you want to use from https://github.com/daneden/animate.css/blob/master/animate.css i.e. BounceUp, Fade In, etc. You'll also need to update the Block ID or Class used below.

<!-- Lazy Load Begin-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(window).ready(function() {
$('#block-yui_3_17_2_2_1517017989706_17900').each(function(){var o=$(this).offset().top,n=$(window).scrollTop();n+2000>o&&$(this).addClass("animated fadeInUp")})});
</script>
<!-- Lazy Load Begin-->

CSS

You'll need to update which specific animation you want to use from https://github.com/daneden/animate.css/blob/master/animate.css i.e. BounceUp, Fade In, etc.

You'll also need to update the Block ID or Class used above.

// Animate General
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible !important; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

// INSERT SPECIFIC ANIMATION REQUEST HERE
Choose From https://github.com/daneden/animate.css/blob/master/animate.css

// Hides Block Before Animation Then Displays
#block-yui_3_17_2_2_1517017989706_17900 { visibility:hidden;}

// Delays Animation From First Load
#block-yui_3_17_2_2_1517017989706_17900 {animation-delay: 4s;}