AOS(анимация при прокрутке) не работает в полноэкранном режиме

Question

У меня есть сайт, на котором я добавил AOS анимация.

<div class="row-div">
    <div class="inner-row-div" data-aos="fade-up" data-aos-duration="1200" data-aos-easing="ease-in-out">
      <div class="teams" style="background-image: url('assets/images/sample.jpg');">
      </div>
      <div class="img-div">
            Sample Text<br>Sample Text
      </div>
    </div>
    <div class="inner-row-div" data-aos="fade-up" data-aos-duration="1000" data-aos-easing="ease-in-out">
       <div class="teams" style="background-image:url('assets/images/sample.jpg');">
       </div>
       <div class="img-div">
         sample<br>sample
       </div>
</div>

и в теге скрипта:

<script>
   AOS.init();
</script>

всякий раз, когда я сворачиваю окно браузера, он начинает работать, но если я обновляю свой сайт, он никогда не работает, я также использовал последнюю версию CDN а также js

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>