Автоматическое изменение размера и отображение изображения

Question

Я работаю над угловым приложением, которое просит пользователя загрузить изображение.Я могу сделать изображение миниатюрой, выполнив следующее:

 .thumbnail {
  height: 3rem;
  width: 3rem;
}
.thumbnail img {
  height: 90%;

}

<td mat-cell *matCellDef="let element"><img class="thumbnail" [src]= "element.vehImage"></td>

, но что, если я захочу изменить размер изображения до 300x300 после открытия этого эскиза?Это возможно?Как бы я поступил так?