На контентном сайте есть одинаковые карточки. В их верхней части располагается КВАДРАТНЫЙ div для вставки изображения. Менять размеры этого div нельзя. Изображения, которые вставляются туда, имеют разные размеры (НЕ КВАДРАТНЫЕ). Если вставлять прямоугольное изображение в квадратный div (изображение нельзя обрезать), то сверху и снизу остаются ПОЛЯ.
Как наиболее красиво заполнить их?
Есть вариант дублированного и РАСТЯНУТОГО этого же изображения как background div (на втором плане), применив к нему эффекты размытия и затемнения.
Есть вариант с тенью, но выглядит крайне плохо.
Простой
Средний
