Как установить фон на всю ширину страницы внутри блока с ограниченной шириной?

Question

[OblivionGM]

Как задать фон для блока background, который находится внутри блока conteiner так, чтобы фон был на всю ширину страницы? Ниже приведу пример, в котором мне и нужно сделать подобное.

<main class="conteiner">
    <section>
        Определенное кол-во контента
    </section>
    <section class="background">
        Здесь нужно, чтобы было фоновое изображение, и чтобы оно было на всю ширину страницы, а не на ширину 
        указанную в conteiner
    </section>
    <section>
        Определенное кол-во контента
    </section>
</main>

Answer 1

[andand44]

https://css-tricks.com/full-width-containers-limit...
Например, так

.background {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}