Cropping Images with CSS

You can effectively "crop" images in CSS by setting the property object-fit: fill | cover | contain | none | scale-down;

Read more about it here https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

Tweet