In Safari (on PC, iPhone and iPad), images are stretched vertically. How to fix?

Question

css

Good evening, tell me how to fix the problem with displaying the site in safari on PC, iPhone and iPad. Pictures are stretched vertically, although everything works correctly on android and in normal browsers.
Website address: cityartgallery.ru

Answer 1

Because the flex in the safari curve and the curve will remain, apparently.
The line in which you have pictures, add vertical alignment, something like this:

<div class="row d-flex justify-content-center align-items-center">
  ...
</div>

Or you can add object-fit: contain to pictures.