Как сделать превью товара Wordpress, чтобы вписовалось в блок?

Question

[Алекс Кова]

Как сделать одинаковую сетку, как здесь, чтобы фото товара вписывалось либо по высоте, если высокие, либо по ширине, если широкие типа contain (если фоном делать и использовать contain, то знаю, но фоном не могу, т.к. картинки вордпрес дает), crop тоже не подходит вордпрессовский

Вот так хотелось бы


Вот так есть у меня

Answer 1

[Антон Литвиненко]

.img-wrapper {
	position: relative;
	padding-top: 100%;
	img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

Comments

[Алекс Кова]

Вы, мой спаситель!
ДЯкую!

[Антон Литвиненко]

Алекс Кова, Будь ласка)