Гуру CSS помогите обрезать картинку

Sitealert, Спасибо большое. Все работает, как надо ))) Пошел довольный тестировать 🍿

Долго я тестировал и все-таки нашел небольшой касяк. Если подчистить кеш CTRL+F5, то изображения съезжают вправо, отчетливо это видно тут. Но если обновить страницу, то они встают на свои места. Как это можно подправить ?

Если я понял проблему. Почему просто не сделать все картинки с одинаковым соотношением сторон ?

16Bearing, все картинки подогнать под одинаковое соотношение сторон не удастся ((( Да и смысл сейчас об этом говорить, если все работает, единственный касяк в обращении к странице с чистым кешем. Потом все встает как доктор прописал.

Зашёл со смартфона , все нормально вроде

Заглянул на сайт, у меня всё ровно браузер FF

если вместо картинки поставить тег div и поставить картинку как фон, то можно с помощью background-size: cover; растянуть картинку и по ширине, и по длине с обрезанием того, кто не помещается и сохранением пропорций без js.

Как я и говорил, через object-fit: cover;

Через FF как раз и выявил. Версия 50.1.0

Попробуй открыть пост, ссылку на который я дал, и почисть кеш. Картинки на "Читайте также:" должны съехать. Нажимаем F5 и картинки встают на свои места. В этом и вся проблема.

anzarsh, indenger20, у меня на вышло это реализовать. Знаний недостаточно ((( Если есть возможность помочь, буду очень признателен.

Дак я же ссылку выше дал на скрин :)

Дублирую

http://prnt.sc/dm9kvn