角度5使图片适合mat-toolbar与matmenu

Question

不熟悉css或者我可以使用的工具来完成这项工作，在工具栏中使图像适合的最佳方法是：

1）matmenu按钮出现在图片顶部的右上角，不在图片旁边。 2）图片从宽屏幕调整到适当的移动屏幕大小。

我可以使用网格吗？或者不同的@Media设置？

<mat-toolbar class="toolbarClass">
  <button mat-button disabled>
    <img class="jpg-icon"  src="../../../../assets/img/owls.jpg" 
        style="max-width:    100%; min-width: 100%;">
  </button>
  <button mat-button [matMenuTriggerFor]="appMenu"><mat-icon>menu</mat-icon> Menu</button>
    
     <mat-menu #appMenu="matMenu">
         <button mat-menu-item *ngIf="(loggedIn)" [routerLink="['./login']">
         Login</button>
         <button mat-menu-item *ngIf="(loggedIn)" [routerLink] 
         ="['./register']">Register</button>
        <button mat-menu-item *ngIf="(loggedIn)" [routerLink]="['./logout']"> 
          Logout         </button>
        <button mat-menu-item *ngIf="(loggedIn)" [routerLink]="['./profile']"> 
        Profile </button>
        <button mat-menu-item *ngIf="(loggedIn)" [routerLink]="['./main']"> Main </button>
        </mat-menu>


</mat-toolbar>