CSS/JS для круговой обрезки изображения

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

• первая часть — это круглая обрезка аватара (это квадратная загрузка)
• вторая часть — это всплывающая подсказка

Я готов сделать первую часть в бэкенде, но предпочел бы иметь CSS/JS-решение.