Disable unintersected animations

stop_animations.js

/* global IntersectionObserver */

(function () {
  'use strict'

  var selectors = '.home-hero, .site-header__logo'

  function callback (entries) {
    var entry = entries[0]
    $(entry.target).css('animation', entry.isIntersecting ? '' : 'none')
  }

  // Apply listeners to all animated gradient elements
  $(function () {
    var observer = new IntersectionObserver(callback)
    $(selectors).each(function (i, e) {
      observer.observe(e)
    })
  })
})()