親のコンテンツ幅を無視して、飛び出す背景！

たった２行です！

CSS▼

    width: 100vw;
    margin: 0 calc(50% - 50vw);

HTML▼

        <section class="1080px">
          <div class="background_img"> <!-- ここに指定する -->
            <p>※テキストなど</p>
          </div>
        </section>

.background_img{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}