fix: Made the colour palette go below the main product image

[Doraemon012]

Made the page responsive

Overview

1. This PR fixes or fixes part of #25
2. This PR does the following:
   • The color palette goes below the main product image in mobile view.
   • Corrected some minor issues with the image dimensions.

Essential Checklist

• [x] The PR title starts with "Fix #bugnum: ", followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...".)
• [ ] "Allow edits from maintainers" is checked. (See here for instructions on how to enable it.)
• [ ] The PR is made from a branch that's not called "main/master".

[netlify[bot]]

✅ Deploy Preview for merch-site ready!

Name	Link
🔨 Latest commit	60a055cf8436bc1caad02683244c6002c53378a7
🔍 Latest deploy log	https://app.netlify.com/sites/merch-site/deploys/64ad8483cebc740007ac1dce
😎 Deploy Preview	https://deploy-preview-64--merch-site.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Doraemon012]

@prernadabi23 Ma’am, the images in the slider were not clickable before either. I have not changed any of the functionalities of the page. I have just adjusted the dimensions of the images and added responsiveness to the color palette.

Before :

https://github.com/bsoc-bitbyte/GetIt/assets/116624667/d4ab4abf-7f20-4858-b18a-decd9c973088

After:

https://github.com/bsoc-bitbyte/GetIt/assets/116624667/c17bacd6-35f4-40a6-9629-7ad25d3ece7d

[thejaysharma]

@Doraemon012 Resolve the conflicts.

[prernadabi23]

Okay, then, @Doraemon012, please resolve any conflicting issues and update your pull request. Once that is done, we can merge both pull requests.