Modifier: background_position

Converts an asset focal point value (eg. 50-30) into a value suitable for the background-position css property.

focus: 50-30

background-position: {{ focus | background_position }};

background-position: 50% 30%;

Additional Reading

Learn how to use and chain modifiers in the Antlers template guide.