...
As your website adapts, it will crop the image accordingly to ensure the image or video still takes up the entire screen to avoid distorting whilst ensuring the image is not distorted. However, a portrait phone or a landscape desktop screen have completely different ratios. It means the height of your image or video will always fit the height of the screen, but the sides of the image or video will be cut off in order to [reserve preserve the image’s ratio.
Explaining image/video ratios
...