transparent radial gradient with image behind? [duplicate]

Answer 1

Multiple background can approximate this:

html {
  min-height:100%;
  background:
    radial-gradient(60% 110% at top right,transparent 80%,red ),
    url(https://picsum.photos/id/1016/800/800) center/cover;
}

It can also be masking too:

.box {
  height:100vh;
  background:url(https://picsum.photos/id/1016/800/800) center/cover;
  -webkit-mask:radial-gradient(60% 110% at top right,white 80%,transparent);
}

body {
 margin:0;
 background:red;
}

<div class="box"></div>