Improve mascot position/animation

[WebsByTodd]

Desired behavior:

• Mascot is behaving perfectly today at screen widths smaller than 1300px. Keep this behavior.
• At 1300px and above, the mascot should remain fixed relative to the 1300px wide content column. It should not be fixed to the left edge of the viewport.
• At 1300px and above, the mascot scroll animation should be pretty much identical to the scroll animation at 1299px.

Current behavior:

To get the mascot fixed relative to the content column, I changed its position from fixed to absolute at the 1300px breakpoint. However, this breaks the scroll animation. I tried messing with the calculations in the animation config with absolute positioning but I couldn't come close to getting it to work.

I think the solution is to keep the mascot with fixed positioning to restore scroll animation behavior and to use translateX and left in some combination to keep it inside that 1300px content column.