object-fit وobject-position

سلام.
object-fit برای اینه که یک تصویر رو توی یک باکس با طول و عرض ثابت بتونی تنظیمش کنی.
مثلا یک باکس 300 در 300 دارید و یک تصویر با ابعاد 800 در 400 رو به طوری که نسبت طول به عرضش بهم نریزه داخل اون باکس نمایش بدید.
لینک تست:
https://www.w3schools.com/css/css3object-fit.asp
object-position هم میشه توی همین شرایط بالا. کدام قسمت از تصویر تون روی تو باکس قرار بگیره. این پارامتر دو تا مقدار محور x و y تصویر رو برای نمایش در یک باکس محدود کنترل میکنه.
لینک تست:
https://www.w3schools.com/cssref/css3probject-position.php