请问css怎样把一个container倾斜平分为两部分

Question

大概是这种样子，左右两张图片，鼠标有hover效果，不裁图的话用css怎么实现
我试过border旋转，但是超出容器高度，如果是画梯形，怎么把图片放上去
我试了这个问答--css如何让div变成直角梯形好像hover并不能正确区分两部分？
可以给我思路和方向，我去查资料，谢谢