View Mode Crop

The View Mode Crop module allows content editors to crop images to use in
a website. The availability of the cropping function is determined by the
view modes defined for the entity the image or media entity reference fields
are attached to. This means you can create distinct cropped images for each
view mode.

Cropping enabled for image and media fields:

Cropping of an image:

Viewing the node with the cropped images:

Enabling cropping for image fields:
You can enable cropping for image fields by selecting the "Image (cropped)"
formatter for the field.

Enabling cropping for media image fields:
Cropping of media-based image fields allows you to do cropping at the entity
level instead of the media level, which means that distinct cropped variants
of the same image media can be used in different entities.