Update Shelf in Homepage

[su1nta]

The Shelf is the collection of smaller featured banners under the regular sized banners in the official Apple Website.
As this clone was started developing before the iPhone 14 launch, the shelf is outdated now, and needs to be updated with new banners and features.

• This is the outdated shelf (in the clone):

• And this is the updated shelf(in the official site):

There are some things to keep in mind:

• This project is a clone of the official website, so the clone is needed to look as much as accurate as the main website as possible
• The first featuring in the official site with heading "Last chance to celebrate" is created with a scroll-based animation effect. It should be made as accurate as possible
• The images used in the shelf are all background images of a parent div, so they must be all background images. The Product Name, description, links are the child elements of the parent div.