Slider движутся только в первый раз

Question

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

1002 * Я пометил эти части кода в письменной форме (не работает). 1006 * Если вы нажмете на # второй-секции и перемещения мыши (справа, слева), слайды также идут (вправо, влево), при перемещении мыши дальнейших изменений слайд, и это в тот момент, что моя появляется проблема, вы снова нажмите на # второй секции DIV и перемещение (вправо, влево) скользит Безразлично«т двигаться вообще (но да вы все еще можете изменить слайд). Вы можете увидеть это более точно, когда вы измените "отношение" переменную 3 1008 * HTML

<div id="second-section">
    <div class="project-slide"></div>
    <div class="project-slide"></div>
    <div class="project-slide"></div>
    <div class="project-slide"></div>
    <div class="project-slide"></div>
    <div class="project-slide"></div>
    <div class="project-slide"></div>


    <div onclick="changeSliderLeft()" id="section_arrow-left" class="section_arrow-left">
        &larr;
    </div>

    <div onclick="changeSliderRight()" id="section_arrow-right" class="section_arrow-right">
        &rarr;
    </div>
</div>

CSS

<style>
    *
    {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    #second-section
    {
        width: 100vw;
        height: 100vh;
        background-color: darkslategrey;
        display: flex;
        align-items: center;
        position: relative;
        perspective: 1000px;
        overflow: hidden;
    }

    #second-section .project-slide
    {
        height: 50%;
        width: 48%;
        position: absolute;
    }

    #second-section .project-slide:nth-of-type(1)
    {
        background-color: red;
        left: -24%;
        transform: rotateY(30deg)
    }
    #second-section .project-slide:nth-of-type(2)
    {
        background-color: blue;
        left: 26%;
        transform: rotateY(0deg)
    }
    #second-section .project-slide:nth-of-type(3)
    {
        background-color: deepskyblue;
        left: 76%;
        transform: rotateY(-30deg)
    }
    #second-section .project-slide:nth-of-type(4)
    {
        background-color: yellow;
        left: 126%;
    }
    #second-section .project-slide:nth-of-type(5)
    {
        background-color: green;
        left: 176%;
    }
    #second-section .project-slide:nth-of-type(6)
    {
        background-color: white;
        left: 226%;
    }
    #second-section .project-slide:nth-of-type(7)
    {
        background-color: black;
        left: 276%;
    }


     #second-section .section_arrow-left 
    {
        position: absolute;
        bottom: 10%;
        left: 40%;
        font-size: 3rem;
        color: rgba(255,255,255,0.9);
        cursor: pointer;
    }

    #second-section .section_arrow-right 
    { 
        position: absolute;
        bottom: 10%;
        right: 40%;
        font-size: 3rem;
        color: rgba(255,255,255,0.9);
        cursor: pointer;
    }

JS / JQuery

1016 *