object-fit

fill — зображення масштабується без збереження пропорцій, щоб повністю заповнити контейнер. Значення за замовчуванням.

contain — зображення масштабується зі збереженням пропорцій, щоб максимально заповнити контейнер.

cover — зображення масштабується зі збереженням пропорцій, щоб повністю заповнити контейнер.

scale-down — буде вибрано значення none або contain, щоб зображення було найменшого розміру. Мета — вмістити все зображення без зміни пропорцій.

none — зберігаються вихідні розміри зображення, задана висота та ширина не мають жодного ефекту.