картинку отобразил в бекграунде дива

[mstdmstd]

Всем привет,
Мне нужно поверх картинки отобразить другую маленькую картинку и для этого я большую
картинку отобразил в бекграунде дива

ref

1) это работает но за исключением того что картинки имеют разный размер и хотелось бы сделать каккой-то бекграунд для всей ячейки что обычно и делается с помощью картинки бекграунда
но сложно так как картинка и отображется в бекграунде
Можно как-то извернуться ?

2)  И почему картинка не центрируется?
Я прописал

    align-content: center;
    alignment: center;

для классов image-wrapper и .back-img?

 Спасибо !

[klierik]

1) вообще не понял что надо
2) https://jsfiddle.net/klierik/67te196p/ — у тебя фикс шрина у <div>, выравнивания по-центру и быть не может в таком случае. В примере <div> выровнен по-центру контейнера.

[mstdmstd]

Спасибо!
1) Так как загружаются картинки разного размера и разной пропорции ( высоты к ширине ) и отображаются они
по рассчитанным размерам, так чтобы картинка помещалась в свой блок.
Нужно заполнить пустое место позади картинки - что обычно и делается установкой бекграунд картинки.
Но тут сама картинка отображена как бекграунд относительно картинке-ярлычку слева вверху...

[klierik]

В таком случае див, у которого эта картинка фоном, следует убрать фикс. ширину и почитать http://htmlbook.ru/css/background-size