创建多边形轮播滑块

Question

我想将此部分制作为某个站点的轮播滑块，该站点中有关链接公司的部分应以多边形形式插入并插入图像。

**赞这张照片：** sample

我测试了svg和clip-path，但是无法通过图片中的形式将多边形的div设置在一起。
我能做什么？

.triangle2 {
    float: right;
    height: 230px;
    position: relative;
    width: 170px;
    bottom: 115px;
    background: #fff;
    clip-path: polygon(50% 100%, 100% 50%, 100% 50%, 0 50%);
}