Как работает свойство object-fit:cover при разных соотношениях сторон изображения?

Свойство object-fit: cover в CSS работает так: изображение масштабируется таким образом, чтобы полностью заполнить родительский элемент. htmlacademy.ru При этом пропорции сохраняются, но всё, что не поместится в размер бокса, обрезается. htmlacademy.ru

Например, если есть две картинки размерами 200х300 пикселей и 300х200 пикселей, а для миниатюр к постам нужно использовать изображение размером 200х200 пикселей, то с помощью object-fit: cover первичные изображения будут полностью заполнять миниатюру с сохранением пропорций, а лишние части (сверху/снизу или слева/справа) отсекаться. moonback.ru