Update Team Page Scrolling Animation

[BeckyBlake]

Status:

🚀 Ready

Description

• Added Marketing Committee to team page
• Added overflow:hidden to .main container to fix the horizontal scrolling problem. Since adding overflow: hidden interfered with the inner containers' 'position: sticky', I used gsap scrolling to simulate stickiness. Basically as the user scrolls, the inner containers' marginTop increases, pushing it down with the viewport. It's not as smooth as 'position: sticky' imo, but it allows for overflow: hidden to fix the horizontal scrolling problem
• Direction of horizontal animation switches with every committee

Screenshots

Marketing Committee:

[inolasv]

Hey some comments before i look at your code:

• it looks like the transitions are not as smooth as they used to be
• the marketing team pic is a little stretched
• i think that the descriptions got a little smaller width-wise than they were

if its too much to add the alternating and also keep it as smooth, lmk and it should be find if you just switch the order of the pic/description instead of alternating