Как обрезать изображение по форме ромба?

Question

[Dymok]

Есть такой элемент в макете:

Начал делать вот так, но не могу сообразить, как увеличить изображение и расположить его по центру ромба..

Answer 1

[0xD34F]

Держите. Размер можете подобрать такой, какой вам нужен - достаточно изменить scale.

Answer 2

[Виктор Янышев]

div
transform: rotate();
background: transition;

div > div или div >img
background-image: url();