fix(erros da correçõa): concerta os erros apontados na correção do desafio

store/blocks/pdp/slider-layout.jsonc

@@ -11,7 +11,18 @@
       "testId": "vtex-product-summary",
       "blockClass": "produto-prateleira"
     },
-    "children": ["product-summary-image", "product-summary-name", "html#price"]
+    "children": [
+      "product-summary-image#prateleira",
+      "product-summary-name",
+      "html#price"
+    ]
+  },
+  "product-summary-image#prateleira": {
+    "props": {
+      "aspectRatio": {
+        "desktop": "1/1"
+      }
+    }
   },
 
   "html#price": {

styles/css/vtex.product-summary.css

@@ -22,7 +22,6 @@
   display: flex;
   align-items: center;
   max-width: 314.4px;
-  height: 314.4px;
   background: #EDEDED;
   margin: 0;
 }
@@ -56,7 +55,6 @@
 @media screen and (min-width: 1920px) {
   .container--produto-prateleira .imageContainer {
     max-width: 434.4px;
-    height: 434.4px;
   }
   .container--produto-prateleira .imageNormal {
     width: 100%;
@@ -67,7 +65,6 @@
 @media screen and (max-width: 1024px) {
   .container--produto-prateleira .imageContainer {
     max-width: 291.2px;
-    height: 291.2px;
   }
   .container--produto-prateleira .imageNormal {
     width: 100%;
@@ -83,10 +80,6 @@
   }
 }
 @media screen and (max-width: 768px) {
-  .container--produto-prateleira .imageContainer {
-    max-width: 124.8px;
-    height: 124.8px;
-  }
   .container--produto-prateleira .imageNormal {
     width: 100%;
     max-height: 124.8px;

styles/css/vtex.store-components.css

@@ -159,8 +159,7 @@
 }
 
 .productImagesThumbActive .carouselThumbBorder {
-  background: linear-gradient(0deg, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33));
-  border-radius: 8px;
+  display: none;
 }
 
 .skuSelectorContainer {

styles/sass/pages/product/vtex.product-summary.scss

@@ -15,7 +15,6 @@
     display: flex;
     align-items: center;
     max-width: 314.4px;
-    height: 314.4px;
     background: #EDEDED;
     margin: 0;
   }
@@ -58,7 +57,6 @@
   .container--produto-prateleira {
     .imageContainer {
       max-width: 434.4px;
-      height: 434.4px;
     }
 
 
@@ -74,7 +72,6 @@
   .container--produto-prateleira {
     .imageContainer {
       max-width: 291.2px;
-      height: 291.2px;
     }
 
     .imageNormal {
@@ -99,10 +96,6 @@
 
 @media screen and (max-width: 768px) {
   .container--produto-prateleira {
-    .imageContainer {
-      max-width: 124.8px;
-      height: 124.8px;
-    }
 
     .imageNormal {
       width: 100%;

styles/sass/pages/product/vtex.store-components.scss

@@ -54,8 +54,7 @@
 
 .productImagesThumbActive {
   .carouselThumbBorder {
-    background: linear-gradient(0deg, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33));
-    border-radius: 8px;
+    display: none;
   }
 }