Options are how we customise parts of the themes. [options.js](https://github.com/Financial-Times/n-scrollytelling/blob/main/components/image/server/utils/options.js) contains the Options object.
<br><br>

**No Box**

Description: Affects how text boxes are displayed (i.e. makes overlay transparent). <br>
Level: text-box <br>
Required: No <br>
Input example: `theme-no-box="1"` <br>
Output example: `n-scrollytelling__overlay-text-slide-box--transparent` <br>
<br>

**Display**

Description: Affects how text boxes are displayed (i.e. makes overlay light or dark). <br>
Level: text-box <br>
Required: Defaults to no background <br>
Input example: `theme-display="1"` <br>
Output example: `n-scrollytelling__overlay-text-slide-box--background-dark` <br>
<br>

**Position**

Description: All overlay text for a single slide/image will have the same position (left, centre or right). <br>
Level: text-slide <br>
Required: Defaults to centered text <br>
Input example: `theme-position="1"` <br>
Output example: `n-scrollytelling__overlay-text-slide--position-left` <br>
<br>

**Transition**

Description: Adds a transition to a slide (i.e. a delay in switching background image before or after the text-slide). <br>
Level: text-slide <br>
Required: No <br>
Input example: `theme-transition="1"` <br>
Output example: `n-scrollytelling__overlay-text-slide--delay-before` <br>
<br>

**Text style**

Description: Adds additional styles to specific lines of text. <br>
Level: text <br>
Required: No <br>
Input example: `theme-style="1"` <br>
Output example: `n-scrollytelling__overlay-text--text-style-chapter` <br>
<br>