Hoverpause doesn't instantly pause the carousel

[Harv3yRig]

I have made an infinite carousel for a project I am working on, however I have noticed that the hoverpause feature does not fully work the way I want it to. My hope was to allow the user to instantly pause the carousel when hovering over an image, however because I have given the carousel an animation duration, the carousel will carry out the full animation before pausing. Is this supposed to be the case or is there a workaround somebody knows? Below is my code + html layout of my carousel.

const glide = new Glide(sliderElement, { type: 'carousel', perView: 4, autoplay: true, bound: true, hoverpause: true, animationDuration: 4000, animationTimingFunc: 'linear', breakpoints: { 1440: { perView: 4 }, 1024: { perView: 3 }, 768: { perView: 2 }, 425: { perView: 2, gap: 75 }, 320: { perView: 2, gap: 100 } } }); glide.mount(); }); }

<div class="glide">
                        <div class="glide__track" data-glide-el="track">
                            <ul class="glide__slides">
                                    <li class="glide__slide">
                                        <img class="partnerLogo" _src="link to image"_ />
                                    </li>
                            </ul>
                        </div>
                    </div>