# Focal points
Focal points are used to indicate to Wagtail the area of an image that contains the subject.
This is used by the `fill` filter to focus the cropping on the subject, and avoid cropping into it.
Focal points can be defined manually by a Wagtail user, or automatically by using face or feature detection.
## Setting the `background-position` inline style based on the focal point
When using a Wagtail image as the background of an element, you can use the `.background_position_style`
attribute on the rendition to position the rendition based on the focal point in the image:
```html+django
{% image page.image width-1024 as image %}
```
For sites enforcing a Content Security Policy, you can apply those styles via a `