/* Anh thumbnail trong danh sach/chi tiet tin tuc (allnews, danh muc tin,
   tin lien quan, tag, tim kiem): co gian day khung thay vi crop, kem hover
   zoom - dong bo voi khoi "TIN TUC & GOC NHIN" o trang chu.
   Scope CHi tiet: .news-list.mb-3 (danh sach lap, KHONG phai .news-list
   trơn cua khoi tin noi bat 1-item o dau trang - anh do dung inline
   style object-fit:contain va container width:auto, ap dung fill/zoom
   se lam vo layout) va .most-viewed-news-list (khoi "Tin xem nhieu
   nhat"). Ca hai class chi xuat hien trong 6 view tin tuc, khong dung o
   san pham/landingpage/testimonial (landingpage dung ".news-list" tron
   cho slider testimonial - co tinh loai tru bang ".mb-3"). */
.news-list.mb-3 .item-image-a img,
.most-viewed-news-list .item-image-a img {
  object-fit: fill !important;
  aspect-ratio: 3/2;
  transition: transform .3s ease-in-out;
}
.news-list.mb-3 .item-image-a:hover img,
.most-viewed-news-list .item-image-a:hover img {
  transform: scale(1.1);
}

/* allnews.blade.php dung khung ty le rieng qua .wrap-ratio-img (padding-bottom
   theo %) thay vi aspect-ratio tren img - img duoc position:absolute lap
   day khung nen dat aspect-ratio o img (tren) khong co tac dung o day, phai
   doi ty le cua chinh khung: 7:4 cu (57.14%) -> 3:2 moi (66.67%). */
.news-list.mb-3 .item-image-a.aspect-ratio-7x4 {
  padding-bottom: 66.6667% !important;
}

/* most-viewed-news-list dung class .he232 (height:232px!important) thay vi
   ty le - bo chieu cao co dinh, de aspect-ratio 3/2 o tren tu tinh theo
   chieu rong thuc te cua khung. */
.most-viewed-news-list .item-image-a img.he232 {
  height: auto !important;
}