How to reshape a div?

Question

HTML

I wanted to make 3 stripes that animate to the right side.
What I did above.
But the problem appeared.
If you assign a picture to it, the picture will also have a rotation.
How it is possible to correct it?
So that the strip is at an angle and the picture is even and does not climb beyond its limits.
CSS stripes:

margin-left: 20px; width: 33%; height: 100%;
            transform: skew(20deg);
            position: absolute;

Maybe it's possible to just change its shape to this one but not rotate it?

Answer 1

Try to make the stripes an animated picture (GIF) and paste it as a background
Or take JS