diff --git a/assets/js/atomic/blocks/product-elements/product-image-gallery/editor.scss b/assets/js/atomic/blocks/product-elements/product-image-gallery/editor.scss
index 40696afdbba..5b04e305fd0 100644
--- a/assets/js/atomic/blocks/product-elements/product-image-gallery/editor.scss
+++ b/assets/js/atomic/blocks/product-elements/product-image-gallery/editor.scss
@@ -1,7 +1,8 @@
 .wc-block-editor-product-gallery {
 	img {
-		width: 500px;
-		height: 500px;
+		max-width: 500px;
+		width: 100%;
+		height: auto;
 	}
 	.wc-block-editor-product-gallery__other-images {
 		img {