cssで画面いっぱいに背景画像を表示させたい

実現したいこと

前提

htmlとcssでサイト制作をしています

内にbackground-imageで背景画像を表示させましたが、 全てのセクションにmargin: 0 autoがきいているため画像がmargin分表示されません

発生している問題・エラーメッセージ

<section class="all_section top_works"> <h3>works</h3> <div class="works_content"> <div class="works_content-img"> <a href=""></a> <a href=""></a> <a href=""></a> </div> </div> </section> ### css .all_section{ width: 90%; max-width: 1240px; margin: 0 auto; position: relative; } .top_works{ height: 600px; background-image: url(../images/bg.png); background-repeat: no-repeat; background-size: cover; } ```ここに言語名を入力 ソースコード

試したこと

補足情報（FW/ツールのバージョンなど）

all_sectionはほかのセクションでもすべてに使用していて、前任の方の書いたコードなのでできれば触らない方向で進みたいです