Как сделать такую адаптивную картинку на сайте?

Question

[Игорь]

https://qiwi.com/

если уменьшите размер экрана (Ctr+ -) то картинка будет адаптироваться под ширину экрана.

Как такое сделать на моём сайте?



welovepavel.esy.es/Kivi/HTML.html

зы.пожалуйста,если можете дайте код.
ЗЫ2.не говорите про F12 ,уже смотрел...

Спасибо!

Answer 1

[Александр Таратин]

https://jsfiddle.net/QW01_01/auypeqo3/

Answer 2

[Tlito]

для картинки просто пропишите стили:
width: 100%; max-with: 100%;

хотя там немного сложнее: там действительно как в первом примере сделано фоном блока с стилем
background-size: cover;