отображение пропорциональное изображений

.wrapper-good,.int_content_product_block{width:205px; height: auto; position:relative;float:left;border:1px solid #efefef;margin:5px 3px 20px; padding:3px;} .imagesRims { width:200px; height:200px; } /* Контейнер для изображений */ .image-container { width: 200px; /* Установите ширину чуть меньше ширины .wrapper-good */ height: 200px; /* Фиксированная высота контейнера для изображения */ display: flex; align-items: center; justify-content: center; overflow: hidden; /* Скрывает части изображения, выходящие за пределы контейнера */ margin: 0 auto 10px; /* Центрирование контейнера и отступ снизу */ } .image-container img { max-width: 100%; max-height: 100%; object-fit: contain; /* Сохраняет пропорции изображения */ }