Global styles: tweak block background position preview height (WordPr…

…ess#63225)

* Add a gray background for the focal picker image preview, with a max-height of 180px

* Add border and border radius to focal point picker image container

Co-authored-by: ramonjd <ramonopoly@git.wordpress.org>
Co-authored-by: jasmussen <joen@git.wordpress.org>

packages/block-editor/src/components/global-styles/style.scss

@@ -192,8 +192,14 @@
 	.components-toggle-control {
 		margin-bottom: 0;
 	}
+	.components-focal-point-picker-wrapper {
+		background-color: $gray-100;
+		width: 100%;
+		border-radius: $radius-block-ui;
+		border: $border-width solid $gray-300;
+	}
 	.components-focal-point-picker__media--image {
-		max-height: clamp(120px, 9vh, 280px);
+		max-height: 180px;
 	}
 }