iBird Rose

if ( $('.sec-slide').length > 0 ) { 
$('.sec-slide').slick({
    dots:true,
    autoplay:true,
    arrows:false,
  });
}

или

if (jQuery.fn.slick) {
$('.sec-slide').slick({
    dots:true,
    autoplay:true,
    arrows:false,
  });
}

transition на display не работает, а на height надо задавать точную высоту, а не auto. так что либо делай через js. либо оперируй через max-height. сначала 0, потом 1000px к примеру

https://jsfiddle.net/b0dxdou9/1/

увеличивай через transform: scale
https://jsfiddle.net/zmvLh6zr/

https://jsfiddle.net/d3py4fdb/

должен сделать минимум 3 psd шаблона для разных разрешений ? так ли это?

да, но можешь уточнить у верстальщика (если это не ты) - большинству эти psd не нужны.

а если прав то как его вразумить и заставить доделать его работу?

ну я даже не знаю. друзья качки есть?

нормальные заказчики не отпускают верстальщика, пока бекендер не просмотрит финальный вариант верстки и не огласит список правок.

допустим верстальщик добавил изображения как backgroud через css. и как в таком случае бэкэнд-программист должен полученное изображение (а точнее путь к нему) поместить в CSS-код

удалить из css и прописать блоку напрямую через style="background: url();"

https://habrahabr.ru/post/248725/
p.s. еще это можно проделать с помощью users.search. когда то писал такой скрипт. можешь его разобрать - https://github.com/iiiBird/vkBirthdayPost

к примеру сбербанк это делают картинкой

SVG спрайты через symbol