Callout Plugin - Crop Images within Ratio

[wesleyboar]

Status

Will be resolved by FP-1417 or FP-1415.

Goal

Crop images for Callout plugin within specific ratio across screen sizes.

Requirements

1. Images that are larger than ratio (see 2) must be cropped to fill available width of Callout box.
2. Image must maintain ratio of 130:310 pending design across screen widths.
3. Plugin must by default crop Image to center.
4. Plugin must allow user to preview Image crop or tell user to check Image crop.
5. Plugin should support user-defined focal point for centering cropped Image.

Direction

🆕   Use image cropping templates (defined in CMS via an admin or within CMS settings).

Try a solution that does not use media queries (one ratio / percentage to fix them all), but media queries are allowed.

For focal point centering/cropping, look into feature provided by https://github.com/django-cms/django-filer (scroll to bottom of form when editing an image; you should find a numeric value that matches to the red circle a user can move around on the image).

Background

M. S. (Designer) and @tacc-wbomar were reviewing edge cases from #324.