title: Auto scrolling to the top with active content snapping at a specific point
body: <p>I'm thinking of creating an animation where the content auto scrolls to the top after every few secs and only the active one is highlighted with a bigger font.</p>
  <p>The active content is snapped at a specific point and feels like z-index is higher whereas the inactive content is pushed to the back (feels like z-index is lower). I hope you got an idea of what I'm trying to convey.</p>
  <p>The Image on the right side is associated with active content so automatically changes with the post.</p>
  <p>Can someone help me figure out how to achieve this.</p>
  <p><a href="https://i.stack.imgur.com/Tu0OS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Tu0OS.png" alt="enter image description here" /></a></p>