ну вот если у вас изначально есть макет только в десктопе, то как его можно от меньшего к большему верстать лично я не представляю... а если есть все, что нужно, то да, рекомендуется mobile first
для a, в случае такой разметки, установлю display: block; и необходимые размеры, фиксированные или в % по ситуации, к img - width: 100%; height: 100%; object-fit: cover; Смотря насколько одинаковые фото, может использоваться для img и height: auto;
Если я правильно поняла вашу задачу, то подобное недавно делала без оборачивания. Не отрицаю, скорее всего решение убогое, но оно работает. Если сможете абстрагироваться от тематики ресурса, можете передрать https://mastervision.su/astrological/course.html#price
Посмотрите BxSlider. Это точно в его возможностях, есть хорошая документация и масса примеров, как на русском, так и на английском. Есть свойства для простой адаптивности.
Изучение и нарезка макета; запуск своего стартового шаблона, корректировка нужных плагинов; подключение шрифтов; создание нужных stylus переменных - цвета, шрифты, размеры, миксины при необходимости. И вперед...
