Animation on scroll library overflowing problem

I'm using a library called animation on scroll (aos). Library has pretty cool and good looking animations. However, in my project it causes some overflowing issues on the html document. How can I fix this problem? The problem only occurs on sliding or fading from left animations.

html document code with handlebars

 <div class="container">

    

    <main>
      <article class="postcard dark orange">

        <a class="postcard__img_link" href="/projeler/">
          <img class="postcard__img" src="../images/randomForLibrary/" alt="Image Title" />
        </a>

        <div class="postcard__text">
          <h1 class="postcard__title blue"><a href="/projeler/"></a></h1>
          <div class="postcard__subtitle small">
            <time>
              <i class="fa-regular fa-calendar-days"></i> <span class="date">
            </time>
          </div>
          <div class="postcard__bar"></div>
          <div class="postcard__preview-txt"></div>
          <ul class="postcard__tagbox">
            <li class="tag__item"><i class="fa-solid fa-clover"></i> </li>

            

            <li class="tag__item"><i class="fa-solid fa-paperclip"></i>CITO ADAYI</li>
            


            <li class="tag__item play orange">

              <span title="Profil Görüntüle" class="project_owner"><i class="fa-solid fa-user"></i><a
                  class="text-link" href="/profil/">
                  </a></span>

            </li>
          </ul>
        </div>
      </article>
    </main>


    


  </div>

Via Active questions tagged javascript - Stack Overflow https://ift.tt/hWwKnml