How to show image at 2+ angle?

Question

This code is working perfectly on another;

 <div class="col-sm-12 col-xs-12" *ngIf="is_edit && restaurant.image">
        <div class="image_for_edit">
          <img src="{{url + '/imageRestaurante/' + restaurant.image }}" />
        </div>
      </div>

But I am using the same code on another page and the image does not appear as you can see below;

<a [routerLink]="['/restaurants', restaurant.id]">
  <div class="place-info-box">

    <div class="place-info-box-icon" *ngIf="is_edit && restaurant.image">
        <img src="{{url + '/imageRestaurante/' + restaurant.image }}" />
    </div>

    <div class="place-info-box-content">
      <span class="place-info-box-text">{{ restaurant.name }}</span>
      <span class="place-info-box-star"><i class="fa fa-star"></i> {{ restaurant.rating }} </span>
      <span class="place-info-box-detail">{{ restaurant.category }}</span>
      <span class="place-info-box-detail">{{ restaurant.deliveryEstimate }}</span>

    </div>
    <!--  <span class="place-info-box-icon"><img [src]="restaurant.imagePath" /></span>  /.info-box-content -->
  </div>
</a>

How do I view the image on screen?

The database I’m using is Mongodb.

This is the picture;