попробуйте сделать это компонентом, накладываемым на img (как в материале matInput). И переиспользовать родные аттрибуты имаджа. Чтобы было src а не picture
Первоначально я хотел использовать тег img но на одном проекте столкнулся с тем, что когда картинка не доступна (в моем случае бэк только на второй запрос мог ее нормально отдавать), в мобильнике появлялся значем битой картинке. При подходе со слоями, если картинки нет, то будет цветная аватарка.