How to adapt all images in a slider?

Question

css

Hello everyone
There is a slider with img. There are only 10 pictures, they are of different heights. Some for 2500, others for 1000. How can I make sure that the height does not jump, and the quality of the pictures does not decrease. Tried through max-height - they stick together a lot (
Help with advice, masters of cascading tables

Answer 1

either do it through background-image and set background-size: cover, or through object-fit . Both options will crop the image.