        State defines how the segment of the animation will be playing when loaded and waiting for an interaction.
        <br />
        State can have the following values:
        <ul>
          <li>
            'autoplay': Plays the animation once on load. <a href="#repeatExample" class="lf-link-teal">Example.</a>
          </li>
          <li>
            'loop': Loops the animation.
            <ul>
              <li>
                Optionally a 'loop' property can be defined to loop x amount of time