Create circle hole in image with clip-path

js CSS
  let precision = 64;
  let radius = 25;
  let c = [...Array(precision)].map((_, i) => {
    let a = -i/(precision-1)*Math.PI*2;
    let x = Math.cos(a)*radius + 50;
    let y = Math.sin(a)*radius + 50;
    return `${x}% ${y}%`
  })

  console.log(`clip-path: polygon(100% 50%, 100% 100%, 0 100%, 0 0, 100% 0, 100% 50%, ${c.join(',')})`);