How can I set the background to the full width of the page inside a limited-width block?

Question

css

How can I set the background for the background block, which is inside the container block, so that the background is the entire width of the page? Below is an example in which I need to do this.

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

Answer 1

https://css-tricks.com/full-width-containers-limit...
For example, like this

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