Arc shot

<div class='frame'><div class='orbit'><i class='camera'></i><i class='tick t1'></i><i class='tick t2'></i><div class='subject'><b>SUBJECT</b></div></div><div class='label'>CAMERA TRAVELS AROUND</div></div>

.frame{position:absolute;inset:0;overflow:hidden;background:var(--bg)}
.orbit{position:absolute;left:50%;top:45%;width:clamp(100px,57vmin,280px);aspect-ratio:1;border:1px dashed var(--line);border-radius:50%;transform:translate(-50%,-50%)}
.orbit:before{content:'';position:absolute;inset:14%;border:1px solid var(--line);border-radius:50%;opacity:.65}
.camera{position:absolute;left:50%;top:0;width:17px;height:13px;border:2px solid var(--accent);background:var(--surface);transform:translate(-50%,-50%);animation:orbit 4s ease-in-out infinite}
.camera:after{content:'';position:absolute;right:-8px;top:2px;width:7px;height:6px;border:2px solid var(--accent);border-left:0}
.tick{position:absolute;left:50%;top:2%;width:2px;height:8px;background:var(--muted)}
.t1{left:4%;top:50%;transform:rotate(90deg)}
.t2{left:auto;right:4%;top:50%;transform:rotate(90deg)}
.subject{position:absolute;left:50%;top:50%;width:31%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--accent-3),#415c51);color:var(--surface);transform:translate(-50%,-50%);box-shadow:0 10px 22px rgba(0,0,0,.15)}
.subject:after{content:'';position:absolute;left:15%;right:15%;bottom:-10%;height:12%;border-radius:50%;background:var(--line)}
.subject b{font:700 clamp(7px,1.9vmin,11px) ui-monospace,monospace;letter-spacing:.08em}
.label{position:absolute;left:6%;right:6%;bottom:9%;border-top:1px solid var(--line);padding-top:7px;text-align:center;color:var(--muted);font:700 clamp(7px,1.9vmin,11px) ui-monospace,monospace;letter-spacing:.1em}
@keyframes orbit{0%,8%{left:50%;top:0}25%{left:100%;top:50%}52%{left:50%;top:100%}76%{left:0;top:50%}92%,100%{left:50%;top:0}}