How to crop an image to a diamond shape?

Question

css

There is such an element in the layout:

I started doing like this , but I can’t figure out how to enlarge the image and position it in the center of the diamond ..

Answer 1

Hold . You can choose the size you need - just change the scale.

Answer 2

div
transform: rotate();
background: transition;
div > div or div >img
background-image: url();