col-lg-1 col-md-1 col-sm-1 col-xs-1 вот это изначально неправильно, запись не имеет смысла, бутстрап работает таким образом что если вы задали к примеру
<div classs="col-sm-3">
</div>
то все что выше (т.е md и lg) будут col-md-3 и col-lg-3
а все что ниже (xs) станет col-xs-12
то есть задайте просто col-xs-1 и все, но это не имеет особого смысла так как скажем на телефоне шириной 320px дисплей поделится на 12 частей и рассмотреть что то будет сложно, можно попробовать к примеру
<div class="col-md-4 col-sm-3 col-xs-6">
content
</div>
если картинка находится внутри блока то дайте ей класс и присвойте значения
width:100%;
height:auto;
и она будет масштабировать под блок не теряя пропорций