 });
    </script>

  <script>

    let cards = document.querySelectorAll(".trip__card");
    let footer = document.querySelector(".footer");

    Array.from(cards).forEach((e) => {
      e.classList.add("reveal");
    })

    function reveal() {
      var reveals = document.querySelectorAll(".reveal");

      for (var i = 0; i < reveals.length; i++) {
        var windowHeight = window.innerHeight;
        var elementTop = reveals[i].getBoundingClientRect().top;
        var elementVisible = 150;

        if