How to make an animation to put in a new group?

Questions
1

I have a glTF model that is animated. All the animations are in one group. I am trying to separate the animations into two different groups. Here is the code for that:

var test = new AnimationRange("shoot", 0, 0.154);
var animationGroup2 = new BABYLON.AnimationGroup("Group2");
animationGroup2.addTargetedAnimation(test, g);

But it is not working. Would someone please help me get this to work? Thanks for all your help!
Here is the repro: https://playground.babylonjs.com/#MRH1GU#85

2

@HTML_Celeb, you can try cloning the animation groups, then only play the portion of the animation group that is relevant. This playground is a demo of blending multiple animations that were originally a single animation group in the imported glTF: