Entities control according to time

I would like to ask for help. I would like to write a program to operate the Jacuzzi. If the progress bar is between 0-2 or 4-5 or 7-9 would turn on the bubble entity. And if it between 3-4 or 6 or 8 or 10-11 would turn on the jet entity. What method do you recommend? Thanks.
ezgif.com-crop (1)

type: picture-elements
image: /local/Jacuzzi Automata1.png
  - type: custom:timer-bar-card
      top: 50%
      left: 50%
      width: 100%
      style: |
        ha-card {
          background: #ffffff00;
    entity: timer.saun
    layout: full_row
    bar_direction: ltr
    bar_radius: 5px
    invert: false
    text_width: 0px
    compressed: true
    filter: true
    bar_height: 10px
    sync_issues: ignore