Rheinmetall

Вы функцию не закрыли в конце
добавьте
}
перед </script>

UPD:
Ну или там где должна заканчиваться функция

Overflow: hidden для родителя картинки

"none;" – точку с запятой уберите

100 – Thin || Hairline
200 – Extra Light || Ultra Light || Thin
300 – Light
400 – Normal || Regular
500 – Medium
600 – Semi Bold || Demi Bold
700 – Bold
800 – Extra Bold || Ultra Bold || Heavy
900 – Black || Heavy

background-color: rgba(255, 255, 255, 0.6);

По клику на блок, jQuery $('.box-info-game') находит все эти блоки и воздействует на всех их, поэтому нужно ему подсказать, что воздействовать нужно только на родителя примерно так

$('.what').click(function () {
  $(this).closest('.box-info-game').fadeToggle("slow");
});

На будущее, для более быстрой и качественной помощи выкладывайте более полный код куда-нибудь вроде codepen.io/

Нет, он там и так есть.

Тупо картинкой вместе с мужиком. Какие тут могут быть решения.
Чтобы не перекрывало навигацию, используй z-index.