Показать полное изображение на определенной высоте div

Question

Здравствуйте, я хочу показать полное изображение в указанном div высоты и установить его в качестве фона для div. То, что я пробовал до сих пор, обрезает изображение и не показывает полную высоту изображения. Любая помощь?

HTML:

 <div *ngIf="item.type==='P'"   [ngStyle]="{'background-image': 'url(' + item.image_path + ')','background-repeat':'no-repeat',
  'height':'400px','width':'100%','border-bottom-left-radius': '5px','border-bottom-right-radius': '10px'}">
    <ion-row>
      <ion-col col-4>
        <div>
          Some text
        </div>
      </ion-col>
      <ion-col col-8>
          <button ion-button round outline>
            some button
          </button>
      </ion-col>
    </ion-row><br>
    <span style="background:none;float: left">
      <button ion-button outline round padding color="light">
        <h1>name</h1>
      </button>
    </span>
  </div>

Answer 1

хорошо, просто нужен размер фона: 200px 100px;

Answer 2

Проверьте это, вам нужно указать свой размер в теге изображения

.image{
            background: url('https://images.pexels.com/photos/219998/pexels-photo-219998.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
            height: 250px;
            width: 100%;
            background-repeat: round;
        }

<div class="image">
        
</div>