Появляется горизонтальный скролл при добавление AOS при при fade-left

Появляется горизонтальный скролл при добавление AOS при fade-left , можно как-то убрать его без overflow-x: hidden;

<div class="work__items flex-row-reverse row fade-left" data-aos="fade-left">
          <div class="col-lg-6">
            <div class="work__content">
              <h2 class="work__title">lorem</h2>
              <p class="work__text">lorem</p>
            </div>
          </div>

          <div class="col-lg-6">
            <a href="./img/project_item-2.jpg" class="work__gallery" data-fancybox="gallery">
              <img src="./img/project_item-2.jpg" alt="" class="work__img">
            </a>
          </div>
         </div>