Домашнее задание ШРИ (CSS)

Ссылка на gh-pages: Фареры

Основные моменты

1. Фиксированные заглавные картинки отключены на мобильных устройствах, поскольку Chrome mobile не поддерживает background-attachment: fixed(почти), а iOS, даже не смотря на то, что поддерживает(как написано), все равно работает непредсказуемым образом. Поэтому картинки решил фиксировать только после 1280px.
2. Почему вообще использую background-image: url() вместо <img src="">? Для того, чтобы обрезать картинку как в задании, хорошо подходит свойство background-size: cover. Это для бэкграунда. Для обычного тега img можно использовать object-fit: cover. Результат аналогичный. Но, в задании также сказано, что нужно фиксировать картинки при скроле. Вот тут в тандеме хорошо работают background-size: cover и background-attachment: fixed. А для <img> остается только position: fixed, что уже совсем не то, что надо.