Как я могу использовать clip-path или skew css, чтобы разрезать изображения по диагонали и сделать их похожими на изобра ⇐ CSS

[Anonymous]

Как мне избежать этих пробелов в моих вырезах с помощью clip-path, или я могу сделать это с помощью CSS skew, или как я могу сделать дизайн похожим на то, как он выглядит на изображении, когда изображения расположены рядом друг с другом, можно ли это сделать? вы поможете мне и расскажете, как мне это сделать


мой CSS-код такой:
.cont__imagenes{
display: flex;
}

.img__{
height: 500px;
width: 350px;
object-fit: cover;
}

.corte_inicial{
clip-path: polygon(0 0, 100% 0, 55% 100%, 0 100%);
}

.corte_diagonal{
clip-path: polygon(55% 0, 100% 0, 50% 100%, 0 100%);
}

.corte_final{
clip-path: polygon(55% 0, 100% 0, 100% 100%, 0 100%);
}```

my html code is this:
















Подробнее здесь: https://stackoverflow.com/questions/783 ... s-and-make