object-fit
- fill — зображення масштабується без збереження пропорцій, щоб повністю заповнити контейнер. Значення за замовчуванням.
- contain — зображення масштабується зі збереженням пропорцій, щоб максимально заповнити контейнер.
- cover — зображення масштабується зі збереженням пропорцій, щоб повністю заповнити контейнер.
- scale-down — буде вибрано значення none або contain, щоб зображення було найменшого розміру. Мета — вмістити все зображення без зміни пропорцій.
- none — зберігаються вихідні розміри зображення, задана висота та ширина не мають жодного ефекту.