The Problem: Images or video embeds cause “Layout Shift” (jumping content) while loading because the browser doesn’t know their height yet.
The Fix: Use aspect-ratio. No need for the old “padding-bottom percentage” hack.
.card-image {
width: 100%;
aspect-ratio: 16 / 9; /* Automatically reserves the space */
object-fit: cover;
}