Chinh ảnh cho vừa khung mà không ảnh hưởng đến ratio cuả ảnh

<div class="image-wrapper">  <img src="path/to/image" /></div>

làm nhỏ ảnh đi, một số phần của thẻ div sẽ lộ ra=> sử dụng object-fit là contain

img {
  width: 100% !important;  height: 100% !important;  object-fit: contain !important;}

làm thay đổi kích thước ảnh để đảm bảo che kín hết thẻ div => sử dụng object-fit là cover

img {
  width: 100% !important;  height: 100% !important;  object-fit: cover !important;}