The Header Content Position defines where the header's text content is placed in relation to its image. There are three options: Above, Overlay, and Below.
| Header Text | Description | Example |
| Above | Text appears above the image. | ![]() |
| Overlay | Text is placed on the image as an overlay featuring a dark background with some transparency. The image stays visible, but the text is easier to read. | ![]() |
| Below | Text appears below the image. | ![]() |


