dsmaslov

1. Не нужно оплачивать подписку, как на PS.
2. Быстрый экспорт графики, в том числе в размере x2 для ретины.
3. Можно делать импорт файлов из Sketch.

Вообще это дело привычки самого верстальщика, возможно, что он уже оптимизировал PS под себя так, что другие инструменты и фишки ему попросту не нужны или не так хороши как то, что он использует сейчас.

Видимо, что вы задаёте правило div'у, а не картинке.

@media only screen and (max-device-width: 480px) {
    .single-featured-image-header img {
       width: 100%;
    }
}

Так всё будет нормально, как и нужно вам.

Примеры:

1. На бутстрапе: https://codepen.io/cplepage/pen/EozVXL
2. На флексах: https://codepen.io/paulhbarker/pen/apvGdv + https://codepen.io/tutsplus/pen/ZKpNwm

Примеров и идей для реализации такого таймлайна много, решить задачу можно тоже разными путями.

https://jsfiddle.net/L7xav0ew/12/

Если вы хотите разделить их на смысловые разделы, то лучше для каждого можно использовать <section>. Вы спокойно можете разделить их и без семантической разметки, div-ом.