Is it possible to create this using css 3?

![enter image description here](https://i.stack.imgur.com/3nzjx.jpg)

As you can see, there is a transparent circle but the container has a black background with 50% opacity.

I thought it might be doable using svg but it doesn't look possible.