updated

styles/globals.css

@@ -1929,7 +1929,7 @@ span.form-error,
   color: #000;
   color: #000;
 }
 }
 .browse-experiences-item .img-wrapper .image-container .image {
 .browse-experiences-item .img-wrapper .image-container .image {
-  height: 220px !important;
+  height: calc(220px + (220 - 220) * (100vw - 320px) / (1920 - 320)) !important;
   background-color: #adadad;
   background-color: #adadad;
   border-radius: 24px 24px 0 0;
   border-radius: 24px 24px 0 0;
   object-fit: cover !important;
   object-fit: cover !important;
@@ -1942,7 +1942,7 @@ span.form-error,
   background: #fff;
   background: #fff;
   border-radius: 6px;
   border-radius: 6px;
   padding: 0.3rem 0.5rem;
   padding: 0.3rem 0.5rem;
-  font-size: 13px;
+  font-size: calc(12px + (13 - 12) * (100vw - 320px) / (1920 - 320)) !important;
 }
 }
 
 
 .info .top-name .title {
 .info .top-name .title {
@@ -2963,7 +2963,7 @@ input[type="number"]::-webkit-outer-spin-button {
 .home_nav {
 .home_nav {
   position: absolute;
   position: absolute;
   left: 0;
   left: 0;
-  width: 107%;
+  width: 106%;
   margin-left: -2.5vw;
   margin-left: -2.5vw;
 }
 }
 
 
@@ -3807,6 +3807,9 @@ img:hover {
   }
   }
 }
 }
 @media (max-width: 1023px) {
 @media (max-width: 1023px) {
+  .browse-experiences-item .img-wrapper .image-container .image {
+    height: 120px !important;
+  }
   .footer-link h3 {
   .footer-link h3 {
     font-size: 1.85vw;
     font-size: 1.85vw;
     line-height: 1.85vw;
     line-height: 1.85vw;
@@ -3879,6 +3882,9 @@ img:hover {
   }
   }
 }
 }
 @media (max-width: 767px) {
 @media (max-width: 767px) {
+  .browse-experiences-item .img-wrapper .image-container .image {
+    height: 220px !important;
+  }
   .subscribe label .btn {
   .subscribe label .btn {
     padding: 2.8vw;
     padding: 2.8vw;
 }
 }