I am trying to make the scrollTo working on my carousel on Safari. I tried with ScrollLeft as well. it works fine on chrome but not Safari. Any idea why ?

        <div class="row-carousel carousel-1">
          {% for item in list %}

          <div class="col-lg-4 col-sm-6 block">
                <img>
                <h3>example </h3>
          </div>
          {% endfor %}
        </div>
´´´


and the js :

´´´
const divs = document.getElementsByClassName("carousel-1")[0]
 ....
  buttonRight.addEventListener("click", function() {
    divs.scrollTo({
      top: 0, 
      left: 500 
    });
}
´´´