Focal Point focal_point sets the horizontal and vertical alignment of the gradient (if applicable).
Important Notes: The coordinates of the point represent the lightest or most transparent part of the gradient. Use this prop to make overlayed text more readible or change the point of interest in background colors and/or image. Focal point only makes sense with gradients. It has no effect on solid backgrounds.
Demo
This background has a gradient fill and the focal point is set to horiztonal: left and vertical: top
This background has a gradient fill and the focal point is set to horiztonal: left and vertical: bottom
Twig
{% include '@bolt-components-background/background.twig' with {
  fill: 'gradient',
  focal_point: {
    vertical: 'top',
    horizontal: 'left',
  },
} only %}
HTML
Not available in plain HTML. Please use Twig.