Как сделать анимированный градиент?
Сделай before и after им дай skew и заанимируй их :)
можно еще бутстрапом https://jsfiddle.net/vt43vpav/1/
https://jsfiddle.net/IonDen/phufb8yc/6/
1. У вас текстура корявая, нужно сделать плавно переходящую
2. Нельзя делать позиционирование фона в процентах здесь. Это работает по другому. 50% - значит центр, 100% значит правый край, а не то что вы могли подумать.