Placing image and text side by side on mobile

My first try

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1720756138205_21855 + div .span-5 {
    width: 41.6667% !important; 
    float: left !important;
  }

  #block-yui_3_17_2_1_1720756138205_21855 + div .span-7 {
    width: 58.3333% !important;
    float: left !important;
  }

  #block-yui_3_17_2_1_1720756138205_21855 + div .span-7 .span-1{
    width: 14.2857% !important;
    float: left !important;
  }
  #block-yui_3_17_2_1_1720756138205_21855 + div .span-7 .span-5{
    width: 71.4286% !important;
    float: left !important;
  }
}

My demo