Responsive images in slider?

Question

css

Есть слайдер. Высота фиксированная - 400px, ширина 100%(положим max-width: 1040px).
Нужно чтобы изображение в слайде всегда занимало 100% высоты/ширины слайда и находилось по центру. Изображение должно обрезаться, а не растягиваться. Насколько я понимаю с помощью JS нужно сравнивать высоту/ширину слайдера и высоту/ширину и в соответствии в полученным результатом добавлять изображению стили.
Какие есть готовые решения для таких нужд? Спасибо

Answer 1

background-size: cover

Answer 2

js is not needed here, absolute centering + transform translate is enough, and overflow: hidden.
But in general, cropping instead of scaling in a slider is illogical.