Пустое изображение при попытке изменить src в javascript

Я пытаюсь изменить изображение и некоторый текст в javascript с помощью кнопки. Я могу изменить текст, но независимо от того, что я делаю, если я изменю изображение, это просто значок изображения, не найденный

Вот мой соответствующий html: `

<div class = "review1">
      <img id = "student" src = "images\review1.png" />
      <div id = "review1text">
        <h1 id = "reviewnume">Alina,21</h1>
        <p id = "reviewtext">
          Sunt studenta la Politehnica in Bucuresti si Pitagora.ro m-a ajutat
          foarte mult sa aprofundez cunostiintele mele de algebra.Recomand cu
          cea mai mare incredere!
        </p>
      </div>

     <i class = "fa-solid fa-circle-arrow-left"></i>
      <i class = "fa-solid fa-circle-arrow-right"></i>
      
    </div>

And here is my javascript:

let btnNext = document.querySelector("fa-solid fa-circle-arrow-right");
let btnprevious = document.querySelector("fa-solid.fa-circle-arrow-left");



btnNext = addEventListener("click", () => {
  document.getElementById("reviewtext").textContent =
    "Nu am reusit sa ajung la cursurile mele de algebra din cause serviciului.In orice caz,nu a fost mare pierdere deoarece Pitagora.ro m-a ajutat sa recuperez materia fara probleme";
  document.getElementById("reviewnume").textContent = "Bogdan,22";
  document.getElementById("reviewnume").style.textAlign = "center";
  document.getElementById("reviewtext").style.fontSize = "25px";
  document.getElementById("reviewtext").style.marginLeft = "20px";
  document.getElementById("student").src = "images\review2.png";
});

Опять же, текст в «reviewnume» ​​и «reviewtext» меняется, когда я нажимаю, но изображение с «review1» на «review2» не меняется, даже если они находятся в одной папке.