Для того, чтобы сделать изображение на весь экран, достаточно применить к нему width: 100%; height: 100%; Это позволит использовать 100% от родительского элемента, но тут важно, чтобы у html, body тоже были данные значения. Есть так же запись width: 100vw; height: 100vh;
Такое решение будет адаптивным:
img {
width: 100vw;
height: 100vh;
}
