オーバーフローに画像に問題があります

Question

私は応答可能なサイトを終了しようとしています。私の「オーバーフロー：隠された」私のサイトを無反応に変えます。メイン画像は見栄えが悪いです。 しかし、コードをJSFIDDLEに入れると、すべて動作します。モバイルブラウザで画像を表示するにはどうすればよいですか？ これは私のサイトです：www.przedszkole.pwoj.pl

コード：

.sec--hero { 
 
    background-image: url(http://przedszkole.pwoj.pl/wp-content/themes/twentysixteen/img/bg-orange.png); 
 
    background-repeat: repeat; 
 
\t overflow:hidden; 
 
}

<section class="sec sec--hero"> 
 
      <div class="inner"> 
 
\t    <div class="cpnt cpnt--hero"> 
 
\t    \t <figure class="cpnt cpnt--hero__image"> 
 
\t      <img src="http://przedszkole.pwoj.pl/wp-content/themes/twentysixteen/img/main-image.png" alt="" /> 
 
\t     </figure> 
 
\t     <h2 class="cpnt--hero__title">Witamy na stronie internetowej Rodziców obecnych oraz przyszłych Dzieci żłobkowych i przedszkolnych</h2> 
 
\t    </div> 
 
      </div> 
 
     </section>

Answer 1

.sec--content::after { 
    content: ''; 
    background-image: url(../img/line-white.png); 
    /* background-repeat: no-repeat; */ 
    position: absolute; 
    bottom: -15px; 
    left: 0; 
    height: 15px; 
    width: 100%; 
    transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    max-width: 100%; 

このクラスに必要な背景リピートですか？これは問題の原因かもしれませんが、これが私たちが言及している問題であるかどうかはわかりません。

Answer 2

設定幅：100％;問題を解決します。

.sec--hero { 
    background-image: url(http://przedszkole.pwoj.pl/wp-content/themes/twentysixteen/img/bg-orange.png); 
    background-repeat: repeat; 
    overflow:hidden; 
    width: 100%; 
}