Nested Flip transform calculation is not accurate

[Su-Yong]

Example

        <Flip id={'flip7'} with={flip7()} duration={3000}>
          <div
            class={'card'}
            style={{
              width: flip7() === 2 ? '500px' : '250px',
              height: flip7() === 3 ? '500px' : '250px'
            }}
          >
            <Unflip id={'flip7'}>
              <div class={'card red'}>
                Inner Component 1
              </div>
              <div>
                <Flip id={'inner-flip7'} with={flip7()} preserve={'position'}>
                  <div class={flip7() % 2 ? 'card red' : 'card blue'}>
                    Inner Component 2
                  </div>
                </Flip>
              </div>
            </Unflip>
          </div>
        </Flip>