<div class="box" style="clip-path: polygon(100% 50%,25.00% 93.30%,25% 6.70%)"></div>
<img src="https://picsum.photos/id/1069/200/200" style="clip-path: polygon(100% 50%,50% 100%,0% 50%,50% 0.00%);">
<div class="box" style="clip-path: polygon(93.30% 75%,50% 100%,6.70% 75%,6.70% 25%,50% 0%,93.30% 25%);"></div>

.box,
img {
  width: 200px;
  aspect-ratio:1;
  display :inline-block;
  margin: 10px;
  background: linear-gradient(red,blue);
}