Refresh Bible Study series visual with portrait artwork and motion polish

[Copilot]

The Bible Study page was still using the previous series image and layout assumptions, which did not fit the newly provided portrait artwork. This update swaps in the new asset and rebalances the “Current Series” module so the image composition and motion treatment feel intentional on modern breakpoints.

• Image asset replacement

  • Replaced the existing Bible Study “Current Series” image URL with the new provided artwork.
  • Updated alt text to match the new visual content.

• Layout adjustments for portrait media

  • Changed the image frame from a wide video-style container to a portrait-friendly ratio (aspect-[4/5]).
  • Added a max-height constraint to keep the card visually balanced against adjacent content and avoid over-dominating the section.

• Framer Motion refinement

  • Added targeted motion on the image container (in-view fade/scale + subtle hover scale) for premium feel.
  • Preserved reduced-motion behavior via useReducedMotion to keep animation accessible.
  • Introduced local constants for motion timing and frame sizing to keep the component easier to tune.

<motion.div
  className="overflow-hidden rounded-lg border border-gold/20 bg-tech-dark/60 aspect-[4/5]"
  style={{ maxHeight: maxSeriesImageHeight }}
  initial={prefersReducedMotion ? undefined : { opacity: 0, scale: 0.96 }}
  whileInView={prefersReducedMotion ? undefined : { opacity: 1, scale: 1 }}
  transition={{ duration: seriesImageAnimationDuration, ease: 'easeOut' }}
  whileHover={prefersReducedMotion ? undefined : { scale: 1.02 }}
>
  <img src="https://github.com/user-attachments/assets/3eeb6cce-50c9-438f-8f82-8bc28a2df355" ... />
</motion.div>

[Copilot]

Pull request overview

Updates the Bible Study page’s “Current Series” card to better fit new portrait-oriented artwork, improving layout balance and adding refined, accessibility-aware motion.

Changes:

• Swapped the “Current Series” image asset and updated its alt text.
• Adjusted the image container from a wide aspect ratio to a portrait-friendly aspect-[4/5] with a max-height constraint.
• Added Framer Motion in-view and hover animations while respecting reduced-motion preferences.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.