Андрей Федоров

Пусть дизайнер думает как адаптив тут предложить. Это не задача верстальщика. В остальном используйте linear-gradient для background-image.

Запишите скринкаст с решением и вашими пояснениями. И решение можно оценить, и безопасно для вас.

На js, по открытию модального окна добавить либо css-свойство background-image нужным элементам, либо определить свойство src у тегов img.

Ну id вешайте на input type=radio и label for. Это если без js делать...

Погуглите tabindex.

https://codepen.io/aliencash/pen/ZXBMyL?editors=1100

Погуглите Dynamic DNS (DDNS)

При такой структуре html, только на js можно сделать. Типа того...

var menuItem = document.querySelector(".hoverlink");
menuItem.addEventListener("mouseover", function() {
	var dropDownMenu = document.querySelector(".vypadaushee-menu");
	dropDownMenu.style.display = "block";
});
var menuItem = document.querySelector(".hoverlink");
menuItem.addEventListener("mouseout", function() {
	var dropDownMenu = document.querySelector(".vypadaushee-menu");
	dropDownMenu.style.display = "none";
});

для android есть опции в manifest.json, для ios не могу подсказать.

Во-первых в браузерах есть настройка - печатать бэкграунды или нет. Это может сильно влиять на внешний вид выведенной на печать страницы. Во-вторых, вы можете задать css для вывода на печатающие устройства с помощью медиа-выражедния @media print {}