Выйти по ширине за пределы wrapper

Рекомендую Вам в таких случаях использовать другую структуру страницы:

<div class="section1">
   <div class="inner-wrap">
         тут контент
   </div>
</div>
<div class="section2">
   <div class="inner-wrap">
         тут контент
   </div>
</div>
<div class="section3">
   <div class="inner-wrap">
         тут контент
   </div>
</div>

То есть div с класами section обертки на всю ширину, а inner-wrap сделайте 1024px

Вариант 2: можно использовать псевдоелементы after и before с абсолютным позиционирование для задания фонового изображения.