In the "Alignment Journey" card, replace the entire card image
(remove the split before/after layout) with a single image:
https://res.cloudinary.com/dgkvx6ups/image/upload/f_auto,q_auto/1000082153_uoe9z9
Remove the "Before" and "After" badges and the arrow button from
this card only. Just show the single image spanning the full card width.
Now I'll update the gallery component to show a single full-width image for the "Alignment Journey" card without the before/after split layout, badges, and arrow:
Now I'll update the card rendering logic to handle the single image case:
Done. I've updated the "Alignment Journey" card to display a single full-width image from the Cloudinary URL instead of the split before/after layout. The card now conditionally renders either a single image (when singleImage property exists) or the traditional split before/after layout with badges and arrow (for the other cards). The "Alignment Journey" card no longer shows the Before/After badges or the arrow button.
Now I'll update the gallery to set consistent fixed heights for all cards and adjust the image positioning to focus on the teeth/mouth area:
Done. I've updated all 3 transformation cards to have a fixed height of 280px with proper image positioning. The images now use object-fit: cover with object-position: center bottom to focus on the teeth and mouth area across all cards, creating visual consistency while ensuring the most important dental features are visible in each transformation.