Как сделать фото на весь экран?
если вопрос в названии, то думаю вот:
snippet
Для того, чтобы сделать изображение на весь экран, достаточно применить к нему width: 100%; height: 100%; Это позволит использовать 100% от родительского элемента, но тут важно, чтобы у html, body тоже были данные значения. Есть так же запись width: 100vw; height: 100vh;

Такое решение будет адаптивным:

img {
    width: 100vw;
    height: 100vh;
}