Как лучше эту картинку сверстать(которая за контейнер выходит)?

Question

[Anton Fyodorov]

Что бы при уменьшении экрана было как на 2 скрине


Вот как я сделал, но проблема в адаптиве. Как сделать что бы при уменьшении экрана, картинка тоже уменьшалась.
https://codepen.io/Anton-forntend/pen/vrPOzZ

Comments

[Александр]

С использованием абсолютного позиционирования, translateX и медийных запросов.

Answer 1

[Артём Ведищев]

@media (min-width: 768px) and (max-width: 1024px) {
    background-image: url("medium.jpg");
}

Можно так...