С помощью самоцвета carrierwave для создания различных версий изображений их можно вызвать для создания требуемого изображения, обратившись к его названию версии
style='background: url(<%= pict.image_url(:small).to_s %>);'
Интегрируя их в структуру,например, фундамент, который обрабатывает области просмотра
<div class='show-for-small-only'>
<%= render partial: 'items', locals: { size: 'small'} %>
</div>
<div class='show-for-medium-only'>
<%= render partial: 'items', locals: { size: 'medium'} %>
</div>
Как можно вызывать local как символ, поскольку следующее генерирует синтаксическую ошибку
style='background: url(<%= pict.image_url(:#{size}).to_s %>);'