Каким образом поместить изображение в контейнер, что бы при увеличении ширины и высоты оно оставалось на месте?

Question

[glem1337]

Доброго времени суток! Нужно реализовать такой слайдер https://drive.google.com/file/d/1vQy5BA_RY1u4EITYK...

На текущий момент проблема в том, что я не могу правильно отцентрировать и/или содать контейнер для изображения. Что бы при увеличении контейнера изображение оставалось таким каким и было до увеличения и на том же месте.

UPD: также мне нужно, что бы можно было иметь скрытые елементы вне зон видимости. И сам блок был адаптивным. Что-то по типу такого, только адаптивное https://jsfiddle.net/pjL0xaum/48/

Answer 1

[Александр Епихин]

Можно так https://codepen.io/leshiple/pen/wvWwQMN?editors=1100

Comments

[glem1337]

спасибо, но мне нужно что бы контейнер был спозиционирован относительно рабочей области(ограничивающей ширины), и что бы в блоке можно было иметь скрытые елементы будто при разворачивании они уже существуют. Обновил вопрос.

Answer 2

[MagicMight]

Так

Answer 3

[RAX7]

А зачем менять размеры изображения, можно же его просто обрезать