画像を丸く切り抜いて表示する-CSS

サンプルコード

<div className="box-image"></div>

.box-image {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-image: url("https://example.com/image/example.jpg");
    background-position: 40% 70%; /* 切り抜く位置の指定 */
}

完成イメージ