歪斜的背景图像动画

Question

我目前正致力于http://mijnwebsitebestellen.be/index.php。 当您将鼠标悬停在“活动地点”上时你可以看到第一个黑＆amp;的宽度白色条带发生变化，但在动画过程中背景图像不会倾斜。

以下是我用于动画的代码片段：

＆＃13;

＆＃13;

$( document ).ready(function() {
    
    $('.deel1-link').mouseover(function(){
        $('.deel1').animate({width:"600px"},400);
        $('.delen .col-sm-4:nth-child(1)').animate({width:"600px"},400);
       
    });
    
    $('.deel1-link').mouseleave(function(){
        $('.deel1').animate({width:"50px"},400);
        $('.delen .col-sm-4:nth-child(1)').animate({width:"50px"},400);
    });
});

＆＃13;

＆＃13;

＆＃13;

我添加了问题的屏幕截图。

这是否有解决方法？

由于