Susy и отзывчивые изображения

я что-то не понимаю с примесью сетки. На самом деле я использую этот код, но работаю только на мобильных устройствах, на рабочем столе контейнер изображений не получает полного размера.

.vue-diapo-hp-img{
     //@include set-container-width();
       img{@include adaptable-img;}
       @include at-breakpoint ($mobile){
          @include set-container-width();
       }
       @include at-breakpoint ($desktop){
         @include set-container-width();
         //@include span-columns($desktop);
       }
       @include at-breakpoint ($tablet){
           @include set-container-width();
       }
}

HTML-код (источник представлений drupal):

<div class="vue-diapo-hp-img">     <img class="imagefield imagefield-field_diapo_home_pano" width="990" height="204" src="http://sandboxd6-1.vmsbx/sites/sandboxd6-1.vmsbx/files/diapo_home/site-date-yyyy/site-date-ww/gabarit-diapo-home-er.jpg?1383819992">  </div>
<div id="transparency"></div>
<div id="contenu-diapo">
<h2></h2></div>

что я могу сделать, чтобы обе точки останова работали? в чем разница между

@include set-container-width(); и @include span-columns($desktop); например?

вы можете увидеть это в действии: http://d6sbx1.pfdev.tk/

спасибо

EDIT1: измененный код после объяснения

.vue-diapo-hp-img{
       clear: both;
       img{@include adaptable-img;}
       @include at-breakpoint ($mobile){
          @include set-container-width();
       }
       @include at-breakpoint ($desktop){
        @include set-container-width();
         //@include span-columns($desktop);
       }
       @include at-breakpoint ($tablet){
          @include set-container-width();
       }
}

это не делает отзывчивое изображение на мобильном телефоне, но дает полную ширину на рабочем столе.