diff --git a/styles/home.css b/styles/home.css
index 166fa84..7e85b45 100644
--- a/styles/home.css
+++ b/styles/home.css
@@ -162,26 +162,28 @@
 
 @media screen and (max-height: 950px) {
     .buy-images-container {
-        margin-top: -40px;
+        margin-top: -0.5vh;
     }
     
     .buy-image-wrapper, .buy-images-container {
-        height: 320px;
+        height: 40vh;
     }
 
     .buy-image{
         object-fit: cover;
-        height: 320px;
+        height: 40vh;
     }
 }
 
-@media screen and (max-height : 900px) {
+@media screen and (max-height: 875px) {
     .buy-images-container {
-        margin-top: -60px;
+        margin-top: -4vh;
     }
+}
 
-    .buy-images-container, .buy-image-wrapper, .buy-image{
-        height: 300px;
+@media screen and (max-height: 825px) {
+    .buy-images-container {
+        margin-top: -5vh;
     }
 }