Have you got a jsfiddle or somewhere to play around in? Would be greatly appreciated, and would make it easier for people to help :) Also, screen shots of what you're seeing could be useful.
@gdadsriver https://jsfiddle.net/9mrceskt/1/ - And replicate. I assume you just applied it to the wrong element. And I swapped the CSS around for skew angles (not sure if you wanted it that way round.). But I always suggest trying to break a problem down to it's most basic components - get that use case to work, then, and only then start to build it out to account for more complex situations.
The problem with using skew is that it will make the image skewed. If you want the image to appear straight, you’ll have to apply another skew on the image to cancel the effect from the parent(that's what @hipkiss91 has done).
imo, clip-path works just fine without any extra hacks.