updated collection view more button

components/Layout/Header.js

@@ -302,7 +302,7 @@ export default function Navigation({ collectionsData = [] }) {
                             ?.slice(0, 2)
                             ?.slice(0, 2)
                             .map((sub) => (
                             .map((sub) => (
                               <Col md={6} key={sub.subCategorySlug}>
                               <Col md={6} key={sub.subCategorySlug}>
-                                <Link
+                                <Link className="header-rt-image"
                                   href={`/collections/${collectionL1.categorySlug}/${sub.subCategorySlug}`}
                                   href={`/collections/${collectionL1.categorySlug}/${sub.subCategorySlug}`}
                                   onMouseEnter={() => setCollectionL2(sub)}
                                   onMouseEnter={() => setCollectionL2(sub)}
                                 >
                                 >

styles/globals.css

@@ -1191,6 +1191,11 @@ footer a:hover {
 .we-care-section .img-banner img{
 .we-care-section .img-banner img{
   object-fit: cover;
   object-fit: cover;
 }
 }
+.header-rt-image img{
+    min-height: 15vw;
+    width: 100%;
+    object-fit: cover;
+}
 @media only screen and (max-width: 1023px) {
 @media only screen and (max-width: 1023px) {
    body {
    body {
     font-size: 16px;
     font-size: 16px;