Aladdin

Самое простое - засунуть в верстку обе картинки отдельными элементами, но одну из них скрыть через visibility или opacity. А при ховере менять их местами.
Но тут будет побочный эффект - скрытые картинки будут грузиться вперемешку с главными, замедляя загрузку в целом. Если картинок немного, то пофиг. Если много, придется использовать JS, который сначала дождется загрузки первых картинок и только потом в фоне подгрузит первые.
В целом ничего сложного, всё легко гуглится.

Предзагрузка - поиск по яндексу рулит:
https://yandex.ru/search/?text=предзагрузка%20карт...
Предзагрузка - поиск по тостеру рулит:
Предварительная загрузка изображений на jquery?

Можно примерно так .class1:hover .class2
Только нужно, чтобы .class1 был родительским для .class2

Пример на jsfiddle.net

С помощью onmouseover/onmouseout можно реализовать:
HTML:

<h1 id="switch" onmouseover="switchBg()">Поменять цвет</h1>
<script>
function switchBg() {
  document.body.style.backgroundImage ="url('http://preview.cutcaster.com/cutcaster-photo-100439100-True-Carbon-Fiber.jpg')";
}
</script>

CSS:

#switch{
	margin-bottom: 50px;
  border:1px solid #fff;
  background:#ccc;
}

Пример на CodePen

h1.onmouseover = function() {
document.body.style.backgroundColor = ('background color', 'green');
};

PS - там, где h1 - айди, которое ты дал h1. Ну и вставляй в код после самого h1, событие которого обрабатываем

Чтобы настроить CSS так, что при наведении, к примеру, на h1 менялся бы цвет у body, необходимо это делать при помощи JS.

Для фото отлично подходит imgur

Нельзя так "настроить" css, чтобы было как вы просите.

Selectel посмотрите. Раз с AWS у вас не складывается.

Amazon AWS не подходит?

Bootstrap, materializecss

body {
  margin: 0;
  background-size: cover;
}

viewport надо писать и пользоваться медиазапросами. если с ними вам сложно - флексбоксы. с ними мз писать будет проще и меньше по кол-ву строк. ну или юзать css-фреймворки типа bootstrap или foundation

На столь размытый вопрос, Вы вряд ли получите менее размытый ответ. Для адаптиции есть два основных решения:
1. Можете попробовать взять сетку готовую, например, Bootstrap-сетку
2. Для этого существуют media-запросы

Так?

Cкорее всего БП.

1. Что за БП? Стоило написать обстоятельства, при которых вырубается, хоть бы время.
2. Отключаем автоматическую перезагрузку при BSOD, выбираем самый широкий дамп при БСОД, настраиваем папку сохранения дампов, отключаем перезапись дампов. Все делается в настройках системы. Скачиваем BSODViewer
3. Аida64 (everest в прошлом), gpu-z, cpu-z запускаем в режиме логгирования, пусть пишет каждую секунду к примеру.
4. Врубаем дотку, после выключения смотрим логи температур, если был бсод, гуглим код ошибки, смотрим логи через бсодвьюер.
5. Чекаем журнал системы в панели администрирования на наличие ошибок при работе пк в общем и непосредственно перед выключением, гуглим и анализируем.
Если проблему найти не удалось, пиши сюда о результатах диагностики. БП должно хватать, навряд ли проблема в нем. Можно скачать волосатый бублик или прямо в аиде протестировать систему, так можно узнать, связаны ли краши непосредственно с доткой или таки с нагрузкой (тепловой/электрической).

БП.
Почистить от пыли, поменять конденсаторы, купить новый на 500 :)

P.S. про перегрев ЦП, он не перегревается моментально, если у вас в простое или минимальных нагрузках (сёрфинг и т.п.) температура 30-40 то на охлаждение можете не грешить.

div a - будет применено для всех ссылок, входящих в любой div
Если у вас ссылка всего одна, присвойте ей класс и опишите его в css, например
.link {}
или
a.link {}
Если нужные ссылки только в конкретных div-ах (или вообще в одном), то этим дивам надо присвоить класс (например block1), а в css будет:
.block1 a {}

div a { ... }
?