How to display images of different sizes so that they look the same?

Question

css

I have a set of images (movie posters). These pictures are of different sizes in height and width. On the page, I use the bootstrap grid. The essence of my problem is this: I need the pictures to be automatically resized (cropping is allowed) and become the same in height and width. It also needs to be adaptable. 178.62.89.68:3000/home here you can see exactly what my problem looks like. Thanks in advance for ideas :)

Answer 1

Bootstrap has a class that
will make you responsive

Answer 2

https://code.google.com/p/resize-crop/ - try trimming them with a script. (don't know how it works with responsive content)
The second option is to make the covers background with background-size: cover. But in this case, the covers will not be indexed as images, and this will reduce the "accessibility" of the site.

Answer 3

Write in styles
img{
object-fit: cover;
}