How to adapt a block with a picture so that it does not stretch?

Question

Layout

There is an online store layout. The catalog page looks like blocks with pictures. when adapting, these pictures stretch. I don’t understand how to make it so that they would not be drawn? Help ...
Added a screen as it should be in the adaptive design layout. I also attached a link with the layout ( www.okna-lux.site/categories.html ).

Answer 1

Add property object-fit: cover;

Answer 2

object fit: cover;