⚡ Quick Fix (TL;DR)

The Culprit: Media doesn't always crop or center the way you'd want by default, especially across different aspect ratios.

The Fix: Make the media cover its container fully and keep the focal position centered. This alone does not fix a video loop jumping at its restart point – that's a footage/frame issue, not a CSS positioning one.

.my-media {
  object-fit: cover;
  object-position: center;
}