Hard cut

<div class="frame">
  <div class="picture">
    <div class="shot a"><i></i><b>SHOT A</b></div>
    <div class="shot b"><i></i><b>SHOT B</b></div>
    <div class="cutline"></div>
  </div>
  <div class="caption">NO BLEND · ZERO FRAMES</div>
  <div class="track"><i></i><b>EDIT POINT</b></div>
</div>

.frame{position:absolute;inset:0;background:var(--bg);overflow:hidden}
.picture{position:absolute;inset:5% 6% 29%;overflow:hidden;border:1px solid var(--line)}
.shot{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.a{background:linear-gradient(140deg,#d9e7c0,#5c8d72);animation:hide 3.6s steps(1,end) infinite}
.b{background:linear-gradient(140deg,#efc27c,#a24c3b);opacity:0;animation:show 3.6s steps(1,end) infinite}
.shot i{width:clamp(42px,24vmin,130px);aspect-ratio:1;border-radius:50%;background:var(--surface);box-shadow:0 0 0 18px rgba(255,255,255,.16)}
.b i{width:46%;height:3px;border-radius:0;transform:rotate(-28deg);background:var(--surface);box-shadow:0 20px 0 rgba(255,255,255,.55),0 -20px 0 rgba(255,255,255,.32)}
.shot b{position:absolute;left:5%;bottom:6%;font:700 clamp(9px,2.4vmin,13px) ui-monospace,monospace;letter-spacing:.14em;color:var(--fg)}
.cutline{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:2px;background:var(--surface);box-shadow:0 0 0 1px var(--fg)}
.caption{position:absolute;left:7%;top:75%;font:700 clamp(8px,2.2vmin,12px) ui-monospace,monospace;color:var(--muted);letter-spacing:.09em}
.track{position:absolute;left:7%;right:7%;bottom:7%;height:14%;border-top:1px solid var(--line);display:flex;align-items:center;color:var(--fg);font:700 clamp(8px,2vmin,11px) ui-monospace,monospace}
.track i{position:absolute;left:50%;top:-3px;width:2px;height:calc(100% + 3px);background:var(--accent);animation:cursor 3.6s linear infinite}
.track b{margin:auto;color:var(--accent);letter-spacing:.12em}
@keyframes hide{0%,47.9%{opacity:1}48%,100%{opacity:0}}
@keyframes show{0%,47.9%{opacity:0}48%,100%{opacity:1}}
@keyframes cursor{from{left:0}to{left:100%}}