Как сделать баннер полноэкранным? И адаптироваться к размеру браузера [закрыто] ⇐ Html

[Anonymous]

По сути, я хочу разместить на своем веб-сайте большой баннер, который бы заполнял весь браузер, как только вы заходите на страницу, независимо от размера окна браузера. Если размер окна браузера изменен, баннер должен иметь возможность адаптироваться и по-прежнему заполнять окно браузера. Соотношение сторон баннера останется прежним, изображение не будет растягиваться или сжиматься при изменении размера окна браузера.

Я новичок в веб-разработке, я просто хотел знать, какие инструменты мне понадобятся для достижения этой цели? И любой исходный код будет высоко оценен. Спасибо

Что-то очень похоже на баннер сайта Spotify. https://www.spotify.com/ca-en/

отредактировано
это то, что у меня есть на данный момент, этого немного

#header_image_div{
width: 100%;
position: absolute;
top: 0px;
z-index: -1;
}
#header_image{
width: 100%;
}


Подробнее здесь: https://stackoverflow.com/questions/324 ... owser-size