mobile image aspect ratio maintained between screen sizes, max-width …

…set to 400
adobecom · Dec 17, 2024 · c7b02ea · c7b02ea
1 parent b94e54f
commit c7b02ea
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/express/blocks/how-to-steps-accordion/how-to-steps-accordion.css b/express/blocks/how-to-steps-accordion/how-to-steps-accordion.css
@@ -115,6 +115,16 @@ main .how-to-steps-accordion ol.steps .step:hover {
 
 main .how-to-steps-accordion.image .image-container {
   margin-top: 20px;
+  width: 100%; 
+  overflow: hidden;
+}
+
+main .how-to-steps-accordion.image .image-container img {
+  border-radius: 16px;
+  max-width: 400px;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 main .how-to-steps-accordion.video,