Sensa's Scroll Triggered Card Deck Opening Animation

<div>
  <div ref={targetRef} className='section-cards'>
    <div className='card-list-container'>
      <div ref={cardsContainerRef} className='card-list'>
        {cardImages.map((img, i) => (
          <div key={img} className='card'>
            <img
              src={img}
              width={594}
              height={1024}
              alt={`Card Image ${i + 1}`}
            />
          </div>
        ))}
      </div>
    </div>
  </div>
  <div className='dummy-box' style={{ height: '900px' }}>
    Scroll up
  </div>
</div>