/q/ - Q&A Central

the main issue with loading images is the sudden jump in content height when the asset finally downloads. using aspect-ratio: 16 / 9; on your img tags helps the browser reserve the correct space before the file arrives. this prevents the annoying layout shift that ruins user experience. it works best when you also set a width of 100% to ensure responsiveness.
>always define a fallback height for older browsers
don't forget to use object-fit: cover to prevent stretching