Все уже есть и реализовано. Зажимаете ЛКМ на полосе прокрутки и скрольте сколько душе угодно.
Бонусом скрол идет относительно всей длины страницы а не только ее видимой части.
Первый вариант не обязателен, но если заданы фиксированные размеры картинки, то браузер сразу место картинке "оставит" и контент не будет прыгать в момент окончательной загрузки картинки.
Второй вариант крайне не желателен, ибо вы потом в css фиг перенаследуете значения. Это нормально только в случаее - когда мы JSом динамически меняем размеры.
Третий вариант масхев, что-бы небыло такой фигни когда картинка вылазиет за границы блока.
"Любви все возрасты покорны"
Я бы на вашем месте начал с https://htmlacademy.ru/program , если вашему брату интересна верстка и вытекающие, а дальше по обстоятельствам.