Javascript selecionando div durante interacao com botao

Fiz um projeto próprio, comecei pelo HTML me inspirei e meio que criei meu próprio desafio. Um perfil DEV baseado no Ragnarok Online, meu jogo favorito, porem, estou tendo um problema com uma das funcionalidades do javascript, fiz duas setas na div do personagem para ele ter um turn around, para ele pode aparecer em varios angulos. Na seta da direita funciona bem, mas quando clico para esquerda por algum motivo ele seleciona a caixa onde o personagem está e eu nao estou conseguindo encontrar o motivo por nada

Essa e a pagina que eu criei

https://kauegomes.github.io/RagnarokDevProfile/

Esses sao os arquivos

https://github.com/KaueGomes/RagnarokDevProfile

O trecho do codigo js que fiz, chamei de slideshow

var slideIndex =1;
showSlides(slideIndex);

function plusSlides(n){
    showSlides(slideIndex += n);
}

function currentSlide(n){
    showSlides(slideIndex = n);
}

function showSlides(n){
    let i;
    let slides = document.getElementsByClassName('Personagem');
    if (n> slides.length){
        slideIndex=1;
    }
    if (n<1){
        slideIndex= slides.length;
    }
    for(i=0;i<slides.length;i++){
        slides[i].style.display = "none";
    }
    slides[slideIndex-1].style.display = "block";
}