Fix mobile layout for banner and shop from gram section

[git-ellea]

Problem: The banner and the shop from gram section sections of the website were not displaying correctly on mobile devices. The banner text was oversized, and the Instagram images were misaligned, leading to a poor user experience on smaller screens.

Solution: I made adjustments to ensure proper display on mobile devices:

Banner Section:

1. Adjusted text sizes and padding to improve readability and appearance on smaller screens.
2. Implemented responsive styles to ensure the banner adapts correctly without overflowing or being misaligned.

Instagram Section:

1. Modified the layout to ensure images are displayed in a grid format that is responsive to different screen sizes.
2. Ensured images maintain their aspect ratio while fitting within the mobile layout.

Before and After Screenshots

Before:

After:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
trend-trove-ecommerce	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 29, 2024 5:46pm

[Tejashri-Taral]

Please read #90