<!--Dialog box for the serving sizes pictures-->
<h1>{{ data.title | translate }}</h1>
<mat-dialog-content class="mat-typography">
  <img [src]="data.imageUrl" alt="" />
  <p *ngFor="let message of data.messages">
    {{ message | translate }}
  </p>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button [mat-dialog-close]="true" cdkFocusInitial>
    {{ "Close" | translate }}
  </button>
</mat-dialog-actions>
