画像を見本のサイズにしたい

Question

html,css,bootstrapでWEBサイトの模写をしているのですが、画像は表示されるものの、サイズ比がまだ最適化されません。合わせ方を教えて頂きたいです。よろしくお願いします。

  <div class="background-image">
  

      <div class="row justify-content-end">
        <div class="border col-5">
          <br>
          <h1 class="font-weight-bold">Airbnbホストになって、暮らしをレベルアップ</h1>
          <h2 class="size1"><b>宿泊施設の内容を記入</b></h2>
          <br>
          <div class="row clear_form">
            <div class="col-md">
              <form>
                <div class="form-group">
                  <input type="text" class="form-control">
                  <div class="d-flex">
                    <select class="form-control w-50">
                      <option>まるまる貸切</option>
                      <option>個室</option>
                      <option>シェアルーム</option>
                    </select>
                  <select class="form-control w-50">
                      <option>ゲスト1人</option>
                      <option>ゲスト2人</option>
                      <option>ゲスト3人</option>
                      <option>ゲスト4人</option>
                      <option>ゲスト5人</option>
                      <option>ゲスト6人</option>
                      <option>ゲスト7人</option>
                      <option>ゲスト8人</option>
                      <option>ゲスト9人</option>
                      <option>ゲスト10人</option>
                      <option>ゲスト11人</option>
                      <option>ゲスト12人</option>
                      <option>ゲスト13人</option>
                      <option>ゲスト14人</option>
                      <option>ゲスト15人</option>
                      <option>ゲスト16人</option>
                  </select> 
                </div> 
                 <button type="submit" class="btn btn-danger ">はじめる</button>  
              </form>
            </div>
          </div>
        </div>
        </div>
      </div>
    </div>

.size1{
  font-size: 100%;
}
.size2{
  font-size: 170%;
  
}
.size3{
  font-size: 170%;
}
.background-image{
  background-image: url(../画像/airbnb.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-bottom:20%
}

Answer 1

.background-image{
  background-image: url(../画像/airbnb5.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom:20%
}

CSSのbackgroundsizeを消したらいけました。