Как создать круг или квадрат с помощью только CSS - с полым центром?

Это должен быть просто контур квадрата или круга, который я могу стилизовать соответствующим образом (например, изменить цвет на любой, что захочу, изменить толщину границы и т. д.)

Я хотел бы применить этот круг или квадрат поверх чего-то другого (например, изображения или что-то в этом роде), а средняя часть должна быть выдолблена, чтобы вы могли видеть изображение под квадратом или кругом.

Я бы предпочел, чтобы это было в основном CSS + HTML.