SVG-kördiagramm háttereiben (3 db körcikk) hogy illeszthetek be jpg, png, kiterjesztésű fájlokat? Írnátok rá példát?

A 3 DB körcikkbe illeszteném be a képeket,

Egy szeletelt képet készítenék.

Hasonlót szeretnék,csak körcikkekre darabolva:

.slice {

width: 360px;

height: 320px;

display: inline-block;

position: relative;

background: linear-gradient(to top left, transparent 40.5%, #fff 40%), var(--i) 100% 100%/100px 100px no-repeat;

}

.slice:before {

content: "";

position: absolute;

top: 0;

right: 0;

left: 0;

bottom: 0;

-webkit-clip-path: polygon(60% 0, 0 0, 0 60%);

clip-path: polygon(60% 0, 0 0, 0 60%);

background: var(--i) 0 0/100px 100px no-repeat;

}