How to set up animation in JS?

Question

Animation

$('.service-wrapper img').hover(
    function(){
       $(this).animate({'width':'100px'});
       
    },
    function(){
       $(this).animate({'width':'50px'});
       
    }
);

Here is my simple script. When you hover over the image, it increases and when you move it decreases. But if you swipe over the picture several times (quickly), the animation repeats with a delay. How to get rid of such a glitch? I need the animation to not work when retracting